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

修复：搜索表单页顶部导航模式下的样式问题；

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;
     }