UI

src/components/v-fastmenu.vue

@@ -1,89 +1,84 @@
 <template>
-  <div class="fast-menu">
-    <div class="menu-list">
-      <!--			<router-link v-for="(fastMenu,index) in fastMenu" :to="fastMenu.path" :key="index" class="header-right" exact>-->
-      <!--        <span><i class="iconfont" :class="fastMenu.icon"></i>{{fastMenu.name}}</span>-->
-      <!--      </router-link>-->
-      <router-link v-for="(fastMenu,index) in fastMenu" :to="fastMenu.path" :key="index" class="header-right"
-                   v-slot="{ navigate, href, route }" exact>
-        <span><i class="iconfont" :class="fastMenu.icon"></i><el-badge :value="fastMenu.msValue" :max="99" class="item">{{fastMenu.name}}</el-badge></span>
-      </router-link>
-    </div>
-  </div>
+	<div class="fast-menu">
+		<div class="menu-list">
+			<a v-for="(fastMenu,index) in fastMenu" :href="fastMenu.path" :key="index" class="header-right">
+				<!-- <span><i class="iconfont" :class="fastMenu.icon"></i><el-badge :value="fastMenu.msValue" :max="99" class="item">{{fastMenu.name}}</el-badge></span> -->
+				<span><i class="iconfont" :class="fastMenu.icon"></i>{{fastMenu.name}}</span>
+			</a>
+		</div>
+	</div>
 </template>
 
 <script>
-  export default {
-    data () {
-      return {
-        fastMenu: [
-          {
-            name: '通知',
-            path: '/',
-            icon: 'sj-icon-shujzx',
-            msValue: 1
-          },
-          {
-            name: '任务',
-            path: '/',
-            icon: 'sj-icon-rwzx',
-            msValue: 2
-          },
+	export default {
+		data() {
+			return {
+				fastMenu: [{
+						name: '返回首页',
+						path: '/',
+						icon: 'sj-icon-shujzx',
+						// msValue: 1
+					},
+					{
+						name: '管理端',
+						path: '/',
+						icon: 'sj-icon-rwzx',
+						// msValue: 2
+					},
 
-        ],
+				],
 
-      }
-    },
-    computed: {},
+			}
+		},
+		computed: {},
 
-  }
+	}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
-  @import '@/assets/styles/base.scss';
+	@import '@/assets/styles/base.scss';
 
 
-    .fast-menu {
-      right: 0.5rem;
-      position: absolute;
-      display: flex;
+	.fast-menu {
+		right: 0.5rem;
+		position: absolute;
+		display: flex;
 
-      .menu-list {
-        margin-left: 20px;
-        display: flex;
-        align-items: center;
+		.menu-list {
+			margin-left: 20px;
+			display: flex;
+			align-items: center;
 
-        span {
-          // min-width: 4.625rem;
-          font-size: 12px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          padding: 10px 15px;
-          color: $fBlue;
-          height: 100%;
-          cursor: pointer;
-          text-align: center;
+			span {
+				// min-width: 4.625rem;
+				font-size: 12px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				padding: 10px 15px;
+				color: $fBlue;
+				height: 100%;
+				cursor: pointer;
+				text-align: center;
 
-          i {
-            padding-right: 3px;
-          }
-        }
+				i {
+					padding-right: 3px;
+				}
+			}
 
-        span:hover {
-          color: $fBlueHover;
-          background-color: #032530;
-        }
-      }
+			span:hover {
+				color: $fBlueHover;
+				background-color: #032530;
+			}
+		}
 
-      .el-badge__content.is-fixed {
-        right: 3px;
-      }
+		.el-badge__content.is-fixed {
+			right: 3px;
+		}
 
-      .el-badge__content {
-        border: 0;
-      }
+		.el-badge__content {
+			border: 0;
+		}
 
-    }
-  
+	}
 </style>

src/components/v-header.vue

@@ -18,7 +18,7 @@
 			<img src="@/assets/images/integrated/bigdata-header-nav-right2.png" />
 		</div>
 		<!-- 右侧5个中心 -->
-		<!-- <VfastMenu></VfastMenu> -->
+		<VfastMenu></VfastMenu>
 	</div>
 </template>