修改首页的布局样式

src/components/TopNav/index.vue

@@ -4,30 +4,35 @@
     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>
+    <template v-for="(item, index) in newTopNev">
+      <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index"
+      >
+        {{ item.name }}</el-menu-item
+      >
 
-    <!-- 顶部菜单超出数量折叠 -->
-    <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-menu-item :style="{'&#45;&#45;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>-->
+
+    <!-- 顶部菜单超出数量折叠 -->
+<!--    <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 +45,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/settings.js

@@ -12,7 +12,7 @@ module.exports = {
   /**
    * 是否显示顶部导航
    */
-  topNav: false,
+  topNav: true,
 
   /**
    * 是否显示 tagsView

src/views/login.vue

@@ -5,29 +5,7 @@
     <div class="login-form-container">
       <div class="login">
         <div class="login-left">
-          <div class="logo">
-          </div>
-          <!-- 左侧图案可以替换成二维码 -->
-          <div class="left-qrcode">
-            <div class="qrcode">
-              <!-- 原来的图片 -->
-<!--              <img src="../assets/images/login/cal.png"/>-->
-            </div>
-          </div>
-          <div class="qrcode-text">
-          </div>
-          <div class="quick-login">
-          </div>
-          <div class="qq-wx">
-            <div class="wx-login">
 
-<!--              <img src="../assets/images/login/weixin.png" alt="" style="width: 30px;height: 30px;">-->
-            </div>
-            <div class="qq-login">
-
-<!--              <img src="../assets/images/login/QQ.png" alt="" style="width: 30px;height: 30px;">-->
-            </div>
-          </div>
         </div>
         <div class="login-right">
           <div class="login-form">
@@ -231,9 +209,9 @@ export default {
 
   .login-right {
     position: relative;
-
     width: 500px;
     height: 500px;
+    background-color: white;
     //background: url('') center;
   }
 
@@ -243,7 +221,7 @@ export default {
     width: 400px;
     height: 440px;
     background: #ffffff;
-    box-shadow: 0 0 8px #cccccc;
+    //box-shadow: 0 0 8px #cccccc;
     border-radius: 8px;
     position: absolute;
     left: 50%;