fix

src/router/modules/root.js

@@ -17,7 +17,7 @@ export default [
     {
         path: '/',
         meta: {requireLogin: false},
-        component: () => import(/* webpackChunkName: 'root' */ '@/views/official/index.vue'),
+        component: () => import(/* webpackChunkName: 'root' */ '@/views/official/oldIndex.vue'),
         children: [
             {
                 path: '',

src/views/official/index.vue

@@ -31,14 +31,25 @@ export default {
 }
 .header-container {
     position: relative;
+    height: 500px;
+    width: 100%;
+    background: url(~@/assets/images/official/heade-background.png);
+    background-size: percentage;
+    //transform: rotate(337deg);
+    //background: linear-gradient(90deg, #2054f1, #224ef3, #38eaff);
+    //border-radius: 0 5px 5px 267px;
+    //background-size: cover;
 }
 .background {
-    position: absolute;
-    bottom: -375px;
-    width: 1920px;
-    height: 847px;
-    transform: rotate(337deg);
-    background: linear-gradient(90deg, #2054f1, #224ef3, #38eaff);
-    border-radius: 0 5px 5px 267px;
+    //position: absolute;
+    //bottom: -375px;
+    //width: 1920px;
+    //height: 847px;
+    //height: 500px;
+    //width: 100%;
+    //transform: rotate(337deg);
+    //background: linear-gradient(90deg, #2054f1, #224ef3, #38eaff);
+    //border-radius: 0 5px 5px 267px;
+    //background-size: cover;
 }
 </style>

src/views/official/oldIndex.vue

@@ -11,7 +11,7 @@
                              active-text-color="#205BB5"
                              @select="activeMenuHandle"
                     >
-                        <el-menu-item v-for="(item, index) in menuRouters" :key="oldIndex" :index="item.routerPath"
+                        <el-menu-item v-for="(item, index) in menuRouters" :key="index" :index="item.routerPath"
                                       :route="item.routerPath" class="menu-item"
                         >
                             {{ item.title }}