修改：调整部分页面样式问题；

src/components/page/PageHeader.vue

@@ -75,7 +75,6 @@ export default {
         display: flex;
         .row {
           display: flex;
-          width: 100%;
         }
         .avatar {
           flex: 0 1 72px;
@@ -89,7 +88,6 @@ export default {
         }
         .main{
           width: 100%;
-          flex: 0 1 auto;
           .title{
             flex: auto;
             font-size: 20px;
@@ -104,14 +102,12 @@ export default {
             margin-right: 16px;
           }
           .content{
-            /*margin-bottom: 16px;*/
+            flex: 1;
-            flex: auto;
           }
           .extra{
-            flex: 0 1 auto;
+            display: flex;
             margin-left: 88px;
-            min-width: 242px;
+            min-width: 420px;
-            text-align: right;
           }
           .action{
             margin-left: 56px;

src/components/setting/Setting.vue

@@ -32,7 +32,7 @@
           <a-switch :checked="fixedHeader" slot="actions" size="small" @change="setFixedHeader" />
         </a-list-item>
         <a-list-item>
-          固定Siderbar
+          固定侧边栏
           <a-switch :checked="fixedSider" slot="actions" size="small" @change="setFixedSider" />
         </a-list-item>
       </a-list>

src/components/tool/HeadInfo.vue

@@ -2,7 +2,6 @@
   <div class="head-info">
     <span>{{title}}</span>
     <p>{{content}}</p>
-    <em v-if="bordered" />
   </div>
 </template>
 
@@ -15,29 +14,19 @@ export default {
 
 <style lang="less" scoped>
   .head-info{
-    position: relative;
     text-align: center;
     padding: 0 32px;
+    width: 100%;
     span{
       color: rgba(0,0,0,.45);
       display: inline-block;
       font-size: 14px;
-    line-height: 22px;
       margin-bottom: 4px;
-  };
+    }
     p{
       color: rgba(0,0,0,.85);
       font-size: 24px;
-    line-height: 32px;
       margin: 0;
-  };
-  em{
-    background-color: #e8e8e8;
-    position: absolute;
-    height: 56px;
-    width: 1px;
-    top: 0;
-    right: 0;
     }
   }
 </style>

src/layouts/HeaderlAvatar.vue

@@ -1,7 +1,7 @@
 <template>
   <a-dropdown>
     <div class="header-avatar" style="cursor: pointer">
-      <a-avatar class="avatar" :size="30" shape="circle" :src="user.avatar"/>
+      <a-avatar class="avatar" size="small" shape="circle" :src="user.avatar"/>
       <span class="name">{{user.name}}</span>
     </div>
     <a-menu :class="['avatar-menu']" slot="overlay">

src/layouts/PageLayout.vue

@@ -11,7 +11,7 @@
           </template>
         </div>
       </div>
-      <slot v-if="this.$refs.extra" slot="extra" name="extra"></slot>
+      <slot v-if="this.$slots.extra" slot="extra" name="extra"></slot>
     </page-header>
     <div ref="page" :class="['page-content', layout]" >
       <slot></slot>

src/pages/dashboard/WorkPlace.vue

@@ -4,11 +4,11 @@
       <div class="title">{{currUser.timefix}}，{{currUser.name}}，{{currUser.welcome}}</div>
       <div>{{currUser.position}}</div>
     </div>
-    <div slot="extra">
+    <template slot="extra">
-          <head-info title="项目数" content="56" :bordered="true"/>
+      <head-info class="split-right" title="项目数" content="56"/>
-          <head-info title="团队内排名" content="8/24" :bordered="true"/>
+      <head-info class="split-right" title="团队内排名" content="8/24"/>
-          <head-info title="项目访问" content="2,223"/>
+      <head-info class="split-right" title="项目访问" content="2,223"/>
-    </div>
+    </template>
     <div>
       <a-row style="margin: 0 -12px">
         <a-col style="padding: 0 12px" :xl="16" :lg="24" :md="24" :sm="24" :xs="24">

src/pages/detail/AdvancedDetail.vue

@@ -8,7 +8,7 @@
       <detail-list-item term="生效日期">2018-08-07 ~ 2018-12-11</detail-list-item>
       <detail-list-item term="备注">请于两个工作日内确认</detail-list-item>
     </detail-list>
-    <a-row slot="extra">
+    <a-row style="text-align: right;width: 100%;" slot="extra">
       <a-col :xs="24" :sm="12">
         <div class="text">状态</div>
         <div class="heading">待审批</div>
@@ -19,7 +19,7 @@
       </a-col>
     </a-row>
     <template slot="action">
-      <a-button-group style="margin-right: 4px;">
+      <a-button-group style="margin-right: 8px;">
         <a-button>操作</a-button>
         <a-button>操作</a-button>
         <a-button><a-icon type="ellipsis"/></a-button>
@@ -171,7 +171,7 @@ export default {
   }
   .heading{
     color: rgba(0,0,0,.85);
-    font-size: 20px;
+    font-size: 28px;
   }
   .nodata{
     color: rgba(0,0,0,.25);

src/pages/list/StandardList.vue

@@ -2,13 +2,13 @@
   <div>
     <a-card :bordered="false">
       <a-row>
-        <a-col :sm="8" :xs="24">
+        <a-col :sm="8" :xs="24" class="split-right">
           <head-info title="我的待办" content="8个任务" :bordered="true"/>
         </a-col>
-        <a-col :sm="8" :xs="24">
+        <a-col :sm="8" :xs="24" class="split-right">
           <head-info title="本周任务平均处理时间" content="32分钟" :bordered="true"/>
         </a-col>
-        <a-col :sm="8" :xs="24">
+        <a-col :sm="8" :xs="24" class="split-right">
           <head-info title="本周完成任务数" content="24个"/>
         </a-col>
       </a-row>
@@ -33,7 +33,7 @@
             description="那是一种内在的东西， 他们到达不了，也无法触及的"
           >
             <a-avatar slot="avatar" size="large" shape="square" src="https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png"/>
-            <a slot="title">Alipay</a>
+            <a slot="title">AliPay</a>
           </a-list-item-meta>
           <div slot="actions">
             <a>编辑</a>
@@ -75,11 +75,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-  .ant-avatar-lg{
-    width: 48px;
-    height: 48px;
-    line-height: 48px;
-  }
   .list-content-item{
     color: rgba(0,0,0,.45);
     display: inline-block;
@@ -90,8 +85,7 @@ export default {
       line-height: 20px;
     }
     p{
-      margin-top: 4px;
+      margin: 4px 0 0;
-      margin-bottom: 0;
       line-height: 22px;
     }
   }

src/theme/default/style.less

@@ -21,3 +21,8 @@
     background: @primary-3;
   }
 }
+.split-right{
+  &:not(:last-child) {
+    border-right: 1px solid rgba(98, 98, 98, 0.2);
+  }
+}