|
@@ -13,28 +13,28 @@
|
|
<!-- 一级菜单 -->
|
|
<!-- 一级菜单 -->
|
|
<template v-for="item in list">
|
|
<template v-for="item in list">
|
|
<el-submenu v-if="item.children && item.children.length" :key="item.path" :index="item.path">
|
|
<el-submenu v-if="item.children && item.children.length" :key="item.path" :index="item.path">
|
|
- <template slot="title"><img :src="require('./img/plan.png')"
|
|
|
|
|
|
+ <template slot="title"><img :src="require('./img/plan.png')" style="margin-right: 10px;"
|
|
width="28px"/><span style="font-size:18px;font-weight:bold">{{ item.name }}</span>
|
|
width="28px"/><span style="font-size:18px;font-weight:bold">{{ item.name }}</span>
|
|
</template>
|
|
</template>
|
|
<!-- 二级菜单 -->
|
|
<!-- 二级菜单 -->
|
|
<template v-for="itemChild in item.children">
|
|
<template v-for="itemChild in item.children">
|
|
<el-submenu v-if="itemChild.children && itemChild.children.length" :key="itemChild.path"
|
|
<el-submenu v-if="itemChild.children && itemChild.children.length" :key="itemChild.path"
|
|
:index="itemChild.path">
|
|
:index="itemChild.path">
|
|
- <template slot="title"><img
|
|
|
|
|
|
+ <template slot="title"><img style="margin-right: 10px;"
|
|
:src="require('./img/pc1.png')"/><span style="font-size:16px;font-weight:bold">{{ itemChild.name }}</span></template>
|
|
:src="require('./img/pc1.png')"/><span style="font-size:16px;font-weight:bold">{{ itemChild.name }}</span></template>
|
|
<!-- 三级菜单 -->
|
|
<!-- 三级菜单 -->
|
|
<el-menu-item v-for="itemChild_Child in itemChild.children" :key="itemChild_Child.path"
|
|
<el-menu-item v-for="itemChild_Child in itemChild.children" :key="itemChild_Child.path"
|
|
:index="itemChild_Child.path" @click="changePage(itemChild_Child)">
|
|
:index="itemChild_Child.path" @click="changePage(itemChild_Child)">
|
|
- <img :src="require('./img/last1.png')"/><span
|
|
|
|
|
|
+ <img :src="require('./img/last1.png')" style="margin-right: 10px;"/><span
|
|
slot="title">{{ itemChild_Child.name }}</span></el-menu-item>
|
|
slot="title">{{ itemChild_Child.name }}</span></el-menu-item>
|
|
</el-submenu>
|
|
</el-submenu>
|
|
|
|
|
|
- <el-menu-item v-else :key="itemChild.path" :index="itemChild.path"><img
|
|
|
|
|
|
+ <el-menu-item v-else :key="itemChild.path" :index="itemChild.path"><img style="margin-right: 10px;"
|
|
:src="require('./img/pc1.png')"/><span slot="title">{{ itemChild.name }}</span>
|
|
:src="require('./img/pc1.png')"/><span slot="title">{{ itemChild.name }}</span>
|
|
</el-menu-item>
|
|
</el-menu-item>
|
|
</template>
|
|
</template>
|
|
</el-submenu>
|
|
</el-submenu>
|
|
- <el-menu-item v-else :key="item.path" :index="item.path"><img :src="require('./img/plan.png')"
|
|
|
|
|
|
+ <el-menu-item v-else :key="item.path" :index="item.path"><img :src="require('./img/plan.png')" style="margin-right: 10px;"
|
|
width="28px"/><span
|
|
width="28px"/><span
|
|
slot="title">{{ item.name }}</span></el-menu-item>
|
|
slot="title">{{ item.name }}</span></el-menu-item>
|
|
</template>
|
|
</template>
|
|
@@ -149,10 +149,8 @@ export default {
|
|
height: 90%;
|
|
height: 90%;
|
|
}
|
|
}
|
|
|
|
|
|
-
|
|
|
|
/deep/ .el-submenu__title:hover {
|
|
/deep/ .el-submenu__title:hover {
|
|
background-color: rgb(103, 118, 49) !important;
|
|
background-color: rgb(103, 118, 49) !important;
|
|
-
|
|
|
|
}
|
|
}
|
|
|
|
|
|
/deep/ .sidebar-el-menu {
|
|
/deep/ .sidebar-el-menu {
|