修改回原版

src/components/TopNav/index.vue

@@ -4,30 +4,28 @@
     mode="horizontal"
     @select="handleSelect"
   >
-    <template v-for="(item, index) in topMenus">
-      <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber">
-        <svg-icon
-        v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
-        :icon-class="item.meta.icon"/>
-        {{ item.meta.title }}
-      </el-menu-item>
+    <template v-for="(item, index) in newTopNev">
+      <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index"
+      >
+        {{ item.name }}</el-menu-item
+      >
     </template>
 
     <!-- 顶部菜单超出数量折叠 -->
-    <el-submenu :style="{'--theme': theme}" index="more" v-if="topMenus.length > visibleNumber">
-      <template slot="title">更多菜单</template>
-      <template v-for="(item, index) in topMenus">
-        <el-menu-item
-          :index="item.path"
-          :key="index"
-          v-if="index >= visibleNumber">
-          <svg-icon
-            v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
-            :icon-class="item.meta.icon"/>
-          {{ item.meta.title }}
-        </el-menu-item>
-      </template>
-    </el-submenu>
+<!--    <el-submenu :style="{'&#45;&#45;theme': theme}" index="more" v-if="topMenus.length > visibleNumber">-->
+<!--      <template slot="title">更多菜单</template>-->
+<!--      <template v-for="(item, index) in topMenus">-->
+<!--        <el-menu-item-->
+<!--          :index="item.path"-->
+<!--          :key="index"-->
+<!--          v-if="index >= visibleNumber">-->
+<!--          <svg-icon-->
+<!--            v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"-->
+<!--            :icon-class="item.meta.icon"/>-->
+<!--          {{ item.meta.title }}-->
+<!--        </el-menu-item>-->
+<!--      </template>-->
+<!--    </el-submenu>-->
   </el-menu>
 </template>
 
@@ -40,6 +38,19 @@ const hideList = ['/index', '/user/profile'];
 export default {
   data() {
     return {
+      newTopNev: [
+        {
+          path: '/',
+          name: '首页',
+        }, {
+          path: '/monitoring/video',
+          name: '视频监控',
+        },
+        {
+          path: '/user/profile',
+          name: '个人中心',
+        }
+      ],
       // 顶部栏初始数
       visibleNumber: 5,
       // 当前激活菜单的 index

src/views/login.vue

@@ -192,7 +192,7 @@ export default {
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
-    width: 950px;
+    width: 800px;
     height: 500px;
     border-radius: 8px;
     overflow: hidden;
@@ -202,7 +202,7 @@ export default {
 
   .login-left {
 
-    width: 475px;
+    width: 375px;
     height: 500px;
     background: #388fff;
   }