|
@@ -3,7 +3,7 @@
|
|
<el-row>
|
|
<el-row>
|
|
<el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
|
|
<el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
|
|
background-color="rgba(0,0,0,0.4)" text-color="#fff" active-text-color="#fff">
|
|
background-color="rgba(0,0,0,0.4)" text-color="#fff" active-text-color="#fff">
|
|
- <el-submenu index="1">
|
|
|
|
|
|
+ <!-- <el-submenu index="1">
|
|
<template slot="title">新闻资讯</template>
|
|
<template slot="title">新闻资讯</template>
|
|
<el-menu-item index="1-1" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">新闻资讯
|
|
<el-menu-item index="1-1" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">新闻资讯
|
|
</el-menu-item>
|
|
</el-menu-item>
|
|
@@ -16,7 +16,29 @@
|
|
</el-menu-item>
|
|
</el-menu-item>
|
|
<el-menu-item index="2-2" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">计算服务</el-menu-item>
|
|
<el-menu-item index="2-2" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">计算服务</el-menu-item>
|
|
<el-menu-item index="2-3" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">计算服务</el-menu-item>
|
|
<el-menu-item index="2-3" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">计算服务</el-menu-item>
|
|
- </el-submenu>
|
|
|
|
|
|
+ </el-submenu> -->
|
|
|
|
+ <template v-for="(item, index) in menu">
|
|
|
|
+ <el-submenu :index="`${index}`" :key="index" v-if="item.type !== 'url' && item.type !== 'content'">
|
|
|
|
+ <!-- 输出一级栏目↓ -->
|
|
|
|
+ <template slot="title">
|
|
|
|
+ {{ item.title }}
|
|
|
|
+ </template>
|
|
|
|
+ <template v-for="(sub, subIndex) in item.children">
|
|
|
|
+ <template v-if="sub.children">
|
|
|
|
+ <template v-for="(thr,thrIndex) in sub.children">
|
|
|
|
+ <el-menu-item :index="thr.path" :key="thrIndex+'thr'" 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="thrIndex+'thr'" @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>
|
|
|
|
+ </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>
|
|
|
|
+ <!-- 输出一级栏目结束↑ -->
|
|
|
|
+ </template>
|
|
</el-menu>
|
|
</el-menu>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|