update：更新首页视图上方菜单布局组件样式

src/components/app-full-scren/app-full-scren.vue

 <template>
     <div class="fullscren">
-        <Icon :type="fullScren == true ? 'ios-contract' : 'ios-expand'" color="#aaa" size="22" @click="handleScreen"/>
+        <Icon :type="fullScren == true ? 'ios-contract' : 'ios-expand'" size="22" @click="handleScreen"/>
     </div>
 </template>
 <script lang = 'ts'>

src/components/app-lock-scren/app-lock-scren.vue

 <template>
     <div class="lockscren">
         <span>
-            <Icon type="md-lock" size="22" color="#aaa" @click="handleLock"/>
+            <Icon type="md-lock" size="22" @click="handleLock"/>
             <el-dialog :title="this.$t('components.lockScren.title')"
                 :visible.sync="box"
                 width="30%"

src/components/app-message-popover/app-message-popover.less

@@ -19,7 +19,6 @@
   font-size: 19px;
   padding-top: 2px;
   padding-right: 2px;
-  color: #aaa;
   cursor: pointer;
 }
 

src/components/app-theme/app-theme.vue

@@ -5,9 +5,7 @@
             popper-class='app-app-theme'
             placement='bottom-end'
             :width="Object.is($i18n.locale, 'zh-CN') ? 180 : 250">
-            <a>
-                <icon class='app-theme-icon' type='md-settings' :size="22" />
-            </a>
+            <icon class='app-theme-icon' type='md-settings' :size="22" />
             <template slot='content'>
                 <div class='app-theme-color'>
                     <template v-for="(theme, index) in defaultThemes">

src/components/view-layout/index-view-layout/index-view-layout-top/index-view-layout-top.less

-.index-view-layout-top {
-    .header-right {
+.index-view-layout--top {
+    .index-view-layout-header {
+        height: 64px;
         display: flex;
-        align-items: center;
         justify-content: space-between;
+        align-items: center;
+        background-color: var(--app-color-black);
+        color: var(--app-color-gray-white);
+        .header__left {
+            font-size: 21px;
+            font-weight: 700;
+            margin-left: 50px;
+            .app-icon {
+                width: 36px;
+                height: 37px;
+                margin-right: 6px;
+            }
+        }
+        .header__right {
+            display: flex;
+            align-items: center;
+        }
+    }
+    .index-view-layout-content {
+        height: calc(100% - 64px);
+        overflow: auto;
+        padding: 20px 38px 0 38px;
+        background-color: var(--app-color-gray-gray-400);
     }
 }
\ No newline at end of file

src/components/view-layout/index-view-layout/index-view-layout-top/index-view-layout-top.vue

 <template>
-    <layout class="index_view index-view-layout-top">
-        <header class="index_header">
-            <div class="header-left">
+    <layout class="index-view-layout index-view-layout--top">
+        <header class="index-view-layout-header">
+            <div class="header__left">
                 <slot name="headerLeft" />
             </div>
-            <div class="header-center">
+            <div class="header__center">
                 <slot name="headerCenter" />
             </div>
-            <div class="header-right">
+            <div class="header__right">
                 <slot name="headerRight" />
             </div>
         </header>
-        <content class="app-horizontal-layout">
+        <content class="index-view-layout-content">
             <slot name="navPos" />
         </content>
+        <footer class="layout-footer-center">
+            <slot name="footer"></slot>
+        </footer>
     </layout>
 </template>
 <script lang="ts">

src/styles/default.less

@@ -5,6 +5,7 @@
 @import '../theme/default.theme.less';
 @import './app-code-list.less';
 @import './var.css';
+@import './var.less';
 
 #app {
     height: 100vh;

src/styles/var.less

+:root {
+    // 安永黑
+    --app-color-black: #232425;
+    // 安永灰1
+    --app-color-gray-100: #747480;
+    // 安永灰2
+    --app-color-gray-gray-200: #C4C4CD;
+    // 安永灰2 50%
+    --app-color-gray-gray-250: #E1E1E6;
+    // 安永灰4
+    --app-color-gray-gray-400: #F6F6FA;
+    // 安永白
+    --app-color-gray-white: #FFFFFF;
+    // 安永蓝
+    --app-color-gray-blue: #188CE5;
+    // 安永黄
+    --app-color-gray-yellow: #FFE600;
+    // 安永红
+    --app-color-gray-red: #B9251C;
+    // 安永橙
+    --app-color-gray-orange: #FF810A;
+    // 安永绿
+    --app-color-gray-green: #2DB757;
+    // 安永蓝绿
+    --app-color-gray-blue-green: #27ACAA;
+}