fix: mobile style comp

src/components/page/GlobalLayout.vue

@@ -172,6 +172,14 @@
         }
       }
 
+      .topmenu {
+        /* 必须为 topmenu  才能启用流式布局 */
+        &.content-width-Fluid {
+          .header-index-wide {
+            margin-left: 0;
+          }
+        }
+      }
     }
 
     &.ant-layout-has-sider {

src/components/page/PageHeader.vue

@@ -222,6 +222,16 @@
           min-width: 0;
           text-align: right;
         }
+        .action {
+          margin-left: unset;
+          min-width: 266px;
+          flex: 0 1 auto;
+          text-align: left;
+          margin-bottom: 12px;
+          &:empty {
+            display: none;
+          }
+        }
       }
     }
   }

src/components/tools/HeaderNotice.vue

 <template>
-  <a-popover trigger="click" placement="bottomRight" :autoAdjustOverflow="false" overlayClassName="header-notice-wrapper" :overlayStyle="{ width: '300px', top: '50px' }">
+  <a-popover
+    trigger="click"
+    placement="bottomRight"
+    :autoAdjustOverflow="true"
+    :arrowPointAtCenter="true"
+    overlayClassName="header-notice-wrapper"
+    :overlayStyle="{ width: '300px', top: '50px' }">
     <template slot="content">
       <a-spin :spinning="loadding">
         <a-tabs>

src/views/account/settings/AvatarModal.vue

 <template>
   <a-modal :visible="visible" title="修改头像" :maskClosable="false" :confirmLoading="confirmLoading" :width="800">
     <a-row>
-      <a-col :span="12" :style="{height: '350px'}">
+      <a-col :xs="24" :md="12" :style="{height: '350px'}">
         <vue-cropper
           ref="cropper"
           :img="options.img"
@@ -14,7 +14,7 @@
         >
         </vue-cropper>
       </a-col>
-      <a-col :span="12" :style="{height: '350px'}">
+      <a-col :xs="24" :md="12" :style="{height: '350px'}">
         <div class="avatar-upload-preview">
           <img :src="previews.url" :style="previews.img"/>
         </div>

src/views/result/Result.vue

@@ -80,4 +80,12 @@
       margin-top: 32px;
     }
   }
+
+  .mobile {
+    .result {
+      width: 100%;
+      margin: 0 auto;
+      padding: unset;
+    }
+  }
 </style>
\ No newline at end of file

src/views/result/Success.vue

@@ -22,7 +22,7 @@
             2016-12-12 ~ 2017-12-12
           </a-col>
         </a-row>
-        <a-steps :current="1" progressDot>
+        <a-steps :current="1" :direction="device === 'mobile' && directionType.vertical || directionType.horizontal" progressDot>
           <a-step >
             <span style="font-size: 14px" slot="title">创建项目</span>
             <template slot="description">
@@ -61,6 +61,12 @@
 
 <script>
   import Result from './Result'
+  import { mapState } from 'vuex'
+
+  const directionType = {
+    horizontal: 'horizontal',
+    vertical: 'vertical'
+  }
 
   export default {
     name: "Success",
@@ -73,8 +79,14 @@
         description: '提交结果页用于反馈一系列操作任务的处理结果，\n' +
           ' 如果仅是简单操作，使用 Message 全局提示反馈即可。\n' +
           ' 本文字区域可以展示简单的补充说明，如果有类似展示\n' +
-          ' “单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。'
+          ' “单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。',
+        directionType
       }
+    },
+    computed: {
+      ...mapState({
+        device: state => state.app.device,
+      })
     }
   }
 </script>