update：前端更新layout排版，美化tab显示效果

www/src/views/Layout.vue

@@ -9,23 +9,23 @@
           <header-content></header-content>
         </el-header>
         <el-main style="padding: 0">
-          <el-tabs style="border-bottom: 0" v-model="currentTab" type="border-card" closable @tab-click="tabClick"
+          <el-tabs style="border-bottom: 0;" v-model="currentTab" type="border-card"
+                   closable @tab-click="tabClick"
                    @tab-remove="tabRemove">
             <el-tab-pane v-for="tab in allTabs" :key="tab.name" :label="tab.name" :name="tab.name">
+              <div class="user-container">
+                <div style="background-color:white;height: 100%;padding: 10px">
+                  <router-view v-slot="{Component}">
+                    <keep-alive :include="cacheTabs">
+                      <component :is="Component"/>
+                    </keep-alive>
+                  </router-view>
+                </div>
+              </div>
+              <!--详见：https://router.vuejs.org/zh/guide/migration/index.html#router-view-%E3%80%81-keep-alive-%E5%92%8C-transition-->
             </el-tab-pane>
           </el-tabs>
 
-          <div class="user-container">
-            <div style="background-color:white;height: 100%;padding: 10px">
-              <router-view v-slot="{Component}">
-                <keep-alive :include="cacheTabs">
-                  <component :is="Component"/>
-                </keep-alive>
-              </router-view>
-            </div>
-          </div>
-          <!--详见：https://router.vuejs.org/zh/guide/migration/index.html#router-view-%E3%80%81-keep-alive-%E5%92%8C-transition-->
-
 
         </el-main>
       </el-container>
@@ -58,4 +58,8 @@
 .el-tabs--border-card > .el-tabs__content {
   padding: 0;
 }
-</style>
+
+.el-tabs--border-card > .el-tabs__header > .el-tabs__nav-wrap > .el-tabs__nav-scroll > .el-tabs__nav > .el-tabs__item.is-active {
+  background-color: rgb(245, 245, 245) !important;
+}
+</style>