From 4877f132391ec210cdc3ec12681a78dbcab41e9b Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Sat, 12 Sep 2020 19:54:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20style=20problem=20of=20SearchLayout.vue?=
 =?UTF-8?q?=20in=20head=20navigation=20mode;=20:bug:=20#116=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=EF=BC=9A=E6=90=9C=E7=B4=A2=E8=A1=A8=E5=8D=95=E9=A1=B5?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E5=AF=BC=E8=88=AA=E6=A8=A1=E5=BC=8F=E4=B8=8B?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/list/search/SearchLayout.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

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