blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-06 03:49:22 +08:00
Code Issues Projects Releases Wiki Activity

fix: style problem of SearchLayout.vue in head navigation mode; 🐛 #116

Browse Source 
修复：搜索表单页顶部导航模式下的样式问题；
This commit is contained in:
iczer 2020-09-12 19:54:09 +08:00
parent 75c165c83f
commit 4877f13239
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/list/search/SearchLayout.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<div class="search-head"> <div :class="['search-head', layout, pageWidth]">
<div class="search-input"> <div class="search-input">
<a-input-search class="search-ipt" style="width: 522px" placeholder="请输入..." size="large" enterButton="搜索" /> <a-input-search class="search-ipt" style="width: 522px" placeholder="请输入..." size="large" enterButton="搜索" />
</div> </div>
@ -19,9 +19,11 @@
</template> </template>
<script> <script>
import {mapState} from 'vuex'
export default { export default {
name: 'SearchLayout', name: 'SearchLayout',
computed: { computed: {
...mapState('setting', ['layout', 'pageWidth']),
activeKey () { activeKey () {
switch (this.$route.path) { switch (this.$route.path) {
case '/list/search/article': case '/list/search/article':
@ -58,7 +60,10 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.search-head{ .search-head{
background-color: @base-bg-color; background-color: @base-bg-color;
margin: -25px -24px -24px; margin: -24px;
&.head.fixed{
margin: -24px 0;
}
.search-input{ .search-input{
text-align: center; text-align: center;
} }