|
@@ -14,28 +14,28 @@
|
|
|
<!-- 一级菜单 -->
|
|
|
<template v-for="item in list">
|
|
|
<el-submenu v-if="item.children && item.children.length" :key="item.path" :index="item.path" :id="item.path">
|
|
|
- <template slot="title"><img :src="require('./img/plan.png')" style="margin-right: 12px;"
|
|
|
- width="28px"/><span style="font-size:18px;font-weight:bold">{{ item.name }}</span>
|
|
|
+ <template slot="title"><img :src="require('./img/plan.png')" style="margin-right: 8px;"
|
|
|
+ width="28px"/><span style="font-size:18px;font-weight:bold"><div class="d1">{{ item.name }}</div></span>
|
|
|
</template>
|
|
|
<!-- 二级菜单 -->
|
|
|
<template v-for="itemChild in item.children">
|
|
|
<el-submenu v-if="itemChild.children && itemChild.children.length" :key="itemChild.path" :id="itemChild.path"
|
|
|
:index="itemChild.path">
|
|
|
- <template slot="title"><img style="margin-right: 12px;"
|
|
|
+ <template slot="title"><img style="margin-right: 8px;"
|
|
|
: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" :id="itemChild_Child.path"
|
|
|
:index="itemChild_Child.path">
|
|
|
- <img :src="require('./img/last1.png')" style="margin-right: 12px;"/><span
|
|
|
- slot="title">{{ itemChild_Child.name }}</span></el-menu-item>
|
|
|
+ <img :src="require('./img/last1.png')" style="margin-right: 8px;"/><span
|
|
|
+ slot="title"><div class="d1">{{ itemChild_Child.name }}</div></span></el-menu-item>
|
|
|
</el-submenu>
|
|
|
|
|
|
- <el-menu-item v-else :key="itemChild.path" :index="itemChild.path" :id="itemChild.path"><img style="margin-right: 12px;"
|
|
|
+ <el-menu-item v-else :key="itemChild.path" :index="itemChild.path" :id="itemChild.path"><img style="margin-right: 8px;"
|
|
|
:src="require('./img/pc1.png')"/><span slot="title">{{ itemChild.name }}</span>
|
|
|
</el-menu-item>
|
|
|
</template>
|
|
|
</el-submenu>
|
|
|
- <el-menu-item v-else :key="item.path" :index="item.path" :id="item.path"><img :src="require('./img/plan.png')" style="margin-right: 12px;"
|
|
|
+ <el-menu-item v-else :key="item.path" :index="item.path" :id="item.path"><img :src="require('./img/plan.png')" style="margin-right: 8px;"
|
|
|
width="28px"/><span
|
|
|
slot="title">{{ item.name }}</span></el-menu-item>
|
|
|
</template>
|
|
@@ -164,10 +164,16 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-
|
|
|
+.d1{
|
|
|
+ padding-left: 8px;
|
|
|
+ height: 38px;
|
|
|
+ width: 90%;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 38px;
|
|
|
+}
|
|
|
.test{
|
|
|
background: url(./img/node_bg.png) no-repeat;
|
|
|
- padding-left: 8px;
|
|
|
+ //padding-left: 8px;
|
|
|
height: 38px;
|
|
|
width: 90%;
|
|
|
display: inline-block;
|
|
@@ -175,7 +181,7 @@ export default {
|
|
|
}
|
|
|
.rootbg{
|
|
|
background: url(./img/root_bg.png) no-repeat;
|
|
|
- padding-left: 8px;
|
|
|
+ //padding-left: 8px;
|
|
|
height: 38px;
|
|
|
width: 90%;
|
|
|
display: inline-block;
|