|
@@ -1,89 +1,84 @@
|
|
<template>
|
|
<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>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<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>
|
|
</script>
|
|
|
|
|
|
<style rel="stylesheet/scss" lang="scss">
|
|
<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>
|
|
</style>
|