|
@@ -12,17 +12,30 @@
|
|
|
<template v-for="(sub, subIndex) in item.children">
|
|
|
<template v-if="sub.children">
|
|
|
<template v-for="(thr) in sub.children">
|
|
|
- <el-menu-item :index="thr.path" :key="thr.id" v-if="thr.type !== 'url'" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">{{ thr.title }}</el-menu-item>
|
|
|
- <el-menu-item :index="``" :key="thr.id" @click="turnTo(thr.url)" v-else style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover"> {{ thr.title }}</el-menu-item>
|
|
|
+ <el-menu-item :index="thr.path" :key="thr.id" v-if="thr.type !== 'url'"
|
|
|
+ style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">
|
|
|
+ {{ thr.title }}</el-menu-item>
|
|
|
+ <el-menu-item :index="``" :key="thr.id" @click="turnTo(thr.url)" v-else
|
|
|
+ style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">
|
|
|
+ {{ thr.title }}</el-menu-item>
|
|
|
</template>
|
|
|
</template>
|
|
|
- <el-menu-item :index="sub.path" :key="subIndex+'sub'" v-else-if="sub.type === 'content'||sub.type==='column'" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">{{ sub.title }}</el-menu-item>
|
|
|
- <el-menu-item :index="`${index}-${subIndex}`" :key="subIndex+'sub'" @click="turnTo(sub.url)" v-else style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover"> {{ sub.title }}</el-menu-item>
|
|
|
+ <el-menu-item :index="sub.path" :key="subIndex+'sub'"
|
|
|
+ v-else-if="sub.type === 'content'||sub.type==='column'"
|
|
|
+ style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">
|
|
|
+ {{ sub.title }}</el-menu-item>
|
|
|
+ <el-menu-item :index="`${index}-${subIndex}`" :key="subIndex+'sub'" @click="turnTo(sub.url)" v-else
|
|
|
+ style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">
|
|
|
+ {{ sub.title }}</el-menu-item>
|
|
|
</template>
|
|
|
</el-submenu>
|
|
|
<!-- 一级栏目非常规栏目情况 -->
|
|
|
- <el-menu-item v-else-if="item.type === 'content'" :index="item.path" :key="index" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">{{ item.title }}</el-menu-item>
|
|
|
- <el-menu-item v-else :index="``" :key="index" @click="turnTo(item.url)" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">{{ item.title }}</el-menu-item>
|
|
|
+ <el-menu-item v-else-if="item.type === 'content'" :index="item.path" :key="index"
|
|
|
+ style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">{{ item.title }}
|
|
|
+ </el-menu-item>
|
|
|
+ <el-menu-item v-else :index="``" :key="index" @click="turnTo(item.url)"
|
|
|
+ style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">{{ item.title }}
|
|
|
+ </el-menu-item>
|
|
|
<!-- 输出一级栏目结束↑ -->
|
|
|
</template>
|
|
|
</el-menu>
|
|
@@ -61,6 +74,7 @@ export default {
|
|
|
}
|
|
|
/deep/.el-submenu__title {
|
|
|
font-size: 20px;
|
|
|
+ padding: 0 50px;
|
|
|
}
|
|
|
/deep/.el-submenu__title:hover {
|
|
|
background-color: #215299 !important;
|