|
@@ -10,7 +10,8 @@
|
|
|
<div class="page-common-body-menu-border left bottom"></div>
|
|
|
<div class="page-common-body-menu-border right top"></div>
|
|
|
<div class="page-common-body-menu-border right bottom"></div>
|
|
|
- <div class="page-common-body-menu-item" v-for="(menuData, index) of menuDatas" :key="index" @click="clickMenu(index)" :class="{ active: activeIndex == index }">
|
|
|
+ <div class="page-common-body-menu-item" v-for="(menuData, index) of menuDatas" :key="index" @click="clickMenu(index)"
|
|
|
+ :class="{ active: activeIndex == index }">
|
|
|
<router-link :to="menuData.path">
|
|
|
<span class="svg-icon" :class="activeIndex == index ? 'svg-icon-yellow' : 'svg-icon-green'">
|
|
|
<SvgIcon :svgid="menuData.icon"></SvgIcon>
|
|
@@ -33,7 +34,7 @@ export default {
|
|
|
SvgIcon,
|
|
|
},
|
|
|
// 数据
|
|
|
- data() {
|
|
|
+ data () {
|
|
|
return {
|
|
|
activeIndex: 0,
|
|
|
menuDatas: [
|
|
@@ -82,14 +83,18 @@ export default {
|
|
|
},
|
|
|
// 函数
|
|
|
methods: {
|
|
|
- clickMenu: function(index) {
|
|
|
+ clickMenu: function (index) {
|
|
|
this.activeIndex = index;
|
|
|
},
|
|
|
},
|
|
|
|
|
|
- created() {},
|
|
|
+ created () {
|
|
|
+ this.menuDatas.forEach(ele => {
|
|
|
+ ele.path += ("/" + this.$route.params.wpId);
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
- mounted() {},
|
|
|
+ mounted () { },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
@@ -165,7 +170,7 @@ export default {
|
|
|
position: relative;
|
|
|
|
|
|
&::after {
|
|
|
- content: "";
|
|
|
+ content: '';
|
|
|
width: calc(100% - 0.37vh);
|
|
|
height: calc(100% - 0.37vh);
|
|
|
position: absolute;
|