<div class="page-title">
<div class="select-box">
<div class="select-box-item" v-for="(item,index) in titleList">
<el-menu class="el-menu-demo" mode="horizontal">
<el-submenu :index="item.key">
<template slot="title">
<div class="button-el1">
<a
:href="item.url"
class="radio1"
v-if="item.url != ''"
:target="item.openNew ? '_blank':'_self'"
>{{item.name}}<i
class="el-icon-arrow-down el-icon--right"
></i
></a>
<span class="radio1" v-else
>{{item.name}}<i
class="el-icon-arrow-down el-icon--right"
></i
></span></div
></template>
<template v-for="(item1,index1) in item.list">
<el-submenu
:index="item1.key"
:key="index1"
v-if="item1.list && item1.list.length >0"
>
<template slot="title"
><div class="button-el1-item">
<a
:href="item1.url"
class="radio"
:target="item1.openNew ? '_blank':'_self'"
v-if="item1.url != ''"
>{{item1.name}}</a
>
<span class="radio" v-else>{{item1.name}}</span>
</div></template
>
<template v-for="(item2,index2) in item1.list">
<el-submenu
:index="item2.key"
:key="index2"
v-if="item2.list && item2.list.length >0"
><template slot="title"
><div class="button-el1-item">
<a
:href="item2.url"
class="radio"
:target="item2.openNew ? '_blank':'_self'"
v-if="item2.url != ''"
>{{item2.name}}</a
>
<span class="radio" v-else>{{item2.name}}</span>
</div></template
>
<template v-for="(item3,index3) in item2.list">
<el-submenu
:index="item3.key"
v-if="item3.list && item3.list.length >0"
:key="index3"
><template slot="title"
><div class="button-el1-item">
<a
:href="item3.url"
class="radio"
:target="item3.openNew ? '_blank':'_self'"
v-if="item3.url != ''"
>{{item3.name}}</a
>
<span class="radio" v-else
>{{item3.name}}</span
>
</div></template
>
<el-menu-item
class="button-el1-item"
:index="item4.key"
v-for="(item4,index4) in item3.list"
:key="index4"
v-if="item3.list && item3.list.length >0"
><a
:href="item4.url"
:target="item4.openNew ? '_blank':'_self'"
class="radio"
>{{item4.name}}</a
></el-menu-item
>
</el-submenu>
<el-menu-item
:index="item3.key"
v-else
:key="index3"
><template slot="title"
><div class="button-el1-item">
<a
:href="item3.url"
class="radio"
:target="item3.openNew ? '_blank':'_self'"
v-if="item3.url != ''"
>{{item3.name}}</a
>
<span class="radio" v-else
>{{item3.name}}</span
>
</div></template
>
<el-menu-item
class="button-el1-item"
:index="item4.key"
v-for="(item4,index4) in item3.list"
:key="index4"
v-if="item3.list && item3.list.length >0"
><a
:href="item4.url"
:target="item4.openNew ? '_blank':'_self'"
class="radio"
>{{item4.name}}</a
></el-menu-item
>
</el-menu-item>
</template>
</el-submenu>
<el-menu-item :index="item2.key" :key="index2" v-else
><template slot="title"
><div class="button-el1-item">
<a
:href="item2.url"
class="radio"
:target="item2.openNew ? '_blank':'_self'"
v-if="item2.url != ''"
>{{item2.name}}</a
>
<span class="radio" v-else>{{item2.name}}</span>
</div></template
>
</el-menu-item>
</template>
</el-submenu>
<el-menu-item :index="item1.key" :key="index1" v-else>
<template slot="title"
><div class="button-el1-item">
<a
:href="item1.url"
class="radio"
:target="item1.openNew ? '_blank':'_self'"
v-if="item1.url != ''"
>{{item1.name}}</a
>
<span class="radio" v-else>{{item1.name}}</span>
</div></template
>
</el-menu-item>
</template>
</el-submenu>
</el-menu>
</div>
</div>
</div>
titleList: [
{
name: "学校概况",
url: "",
key: "1",
openNew: false,
list: [
{
name: "学校简介",
url: "./list.html?category=178",
key: "1-1",
openNew: false,
},
{
name: "编年校史",
key: "1-2",
openNew: false,
url: "./list.html?category=73",
},
{
name: "校长寄语",
key: "1-3",
openNew: false,
url: "./list.html?category=74",
},
{
name: "现任领导",
key: "1-4",
openNew: false,
url: "./list.html?category=75",
},
{
name: "组织机构",
key: "1-5",
openNew: false,
url: "./list.html?category=85",
},
{
name: "学校荣誉",
key: "1-6",
openNew: false,
url: "./list.html?category=86",
},
{
name: "杰出校友",
key: "1-7",
openNew: false,
url: "./list.html?category=87",
},
{
name: "视觉嘉华",
key: "1-8",
openNew: false,
url: "./list.html?category=365",
},
{
name: "嘉华视频",
key: "1-9",
openNew: false,
url: "./list.html?category=366",
},
{
name: "线上校园",
key: "1-10",
openNew: false,
url: "https://www.720yuntu.com/tour/2d84bcd7248a5e09",
},
],
},
{
name: "党团建设",
url: "",
key: "2",
openNew: false,
list: [
{
name: "党建阵地",
key: "2-1",
openNew: false,
url: "./list.html?category=90",
},
{
name: "党建动态",
key: "2-2",
openNew: false,
url: "./list.html?category=618",
},
{
name: "党史学习",
key: "2-3",
openNew: false,
url: "./list.html?category=617",
},
{
name: "党员教育",
key: "2-4",
openNew: false,
url: "./list.html?category=620",
},
{
name: "支部新闻",
key: "2-5",
openNew: false,
url: "./list.html?category=621",
},
{
name: "永远跟党走",
key: "2-6",
openNew: false,
url: "./list.html?category=622",
},
{
name: "红色记忆",
key: "2-7",
openNew: false,
url: "./list.html?category=623",
},
{
name: "理论聚焦",
key: "2-8",
openNew: false,
url: "./list.html?category=624",
},
{
name: "图说党建",
key: "2-9",
openNew: false,
url: "./list.html?category=625",
},
// {
// name: "三全育人",
// key: "2-10",
// openNew: false,
// url: "./list.html?category=367",
// },
{
name: "团学组织",
key: "2-11",
openNew: false,
url: "./list.html?category=92",
},
],
},
{
name: "人才培养",
key: "3",
url: "",
openNew: false,
list: [
{
name: "教育教学",
key: "3-1",
openNew: false,
url: "./list.html?category=619",
},
{
name: "本科专业",
key: "3-2",
openNew: false,
url: "./list.html?category=93",
},
{
name: "科研处",
key: "3-3",
openNew: false,
url: "",
},
{
name: "专业介绍",
key: "3-4",
openNew: false,
url: "https://zsb.canvard.net.cn/zyjs.html",
},
{
name: "国际项目",
key: "3-5",
openNew: false,
url: "./list.html?category=94",
},
{
name: "精英计划",
key: "3-6",
openNew: false,
url: "./list.html?category=95",
},
{
name: "学工在线",
key: "3-7",
openNew: false,
url: "./list.html?category=91",
},
{
name: "继续教育",
key: "3-8",
openNew: false,
url: "http://old.canvard.net.cn/index.php?m=dindex&did=448",
},
],
},
{
name: "特色教学",
key: "4",
url: "",
openNew: false,
list: [
{
name: "世界青年领导力论坛",
key: "4-1",
openNew: false,
url: "./list.html?category=97",
},
{
name: "国际名师讲堂",
key: "4-2",
openNew: false,
url: "./list.html?category=98",
},
{
name: "雅思教学",
key: "4-3",
openNew: false,
url: "./list.html?category=100",
},
{
name: "微留学",
key: "4-4",
openNew: false,
url: "./list.html?category=101",
},
{
name: "外语浸泡",
key: "4-5",
openNew: false,
url: "./list.html?category=102",
},
{
name: "创新创业教育",
key: "4-6",
openNew: false,
url: "./list.html?category=103",
},
{
name: "素质教育",
key: "4-7",
openNew: false,
url: "./list.html?category=104",
},
{
name: "英华在线",
key: "4-8",
openNew: false,
url: "./list.html?category=105",
},
],
},
{
name: "师资队伍",
key: "5",
url: "",
openNew: false,
list: [
{
name: "国际导师",
key: "5-1",
openNew: false,
url: "./list.html?category=106",
},
{
name: "学业导师",
key: "5-2",
openNew: false,
url: "./list.html?category=107",
},
{
name: "素质导师",
key: "5-3",
openNew: false,
url: "./list.html?category=109",
},
{
name: "社会导师",
key: "5-3",
openNew: false,
url: "./list.html?category=108",
},
],
},
{
name: "国际交流",
key: "6",
url: "",
openNew: false,
list: [
{
name: "合作院校",
key: "6-1",
openNew: false,
url: "./list.html?category=110",
},
{
name: "国际合作",
key: "6-2",
openNew: false,
url: "",
},
{
name: "语言中心",
key: "6-3",
openNew: false,
url: "./list.html?category=111",
},
{
name: "外事活动",
key: "6-4",
openNew: false,
url: "./list.html?category=112",
},
{
name: "面试资讯",
key: "6-5",
openNew: false,
url: "./list.html?category=113",
},
{
name: "签证办理",
key: "6-6",
openNew: false,
url: "./list.html?category=114",
},
{
name: "常见问题答疑",
key: "6-7",
openNew: false,
url: "./list.html?category=370",
},
],
},
{
name: "招生就业",
key: "7",
url: "",
openNew: false,
list: [
// {
// name: "招生工作",
// key: "7-1",
// openNew: false,
// url: "./list.html?category=115",
// },
{
name: "本科招生网",
key: "7-2",
openNew: false,
url: "https://zsb.canvard.net.cn/",
},
// {
// name: "就业工作",
// key: "7-3",
// openNew: false,
// url: "./list.html?category=116",
// },
{
name: "就业创业信息",
key: "7-4",
openNew: false,
url: "http://jy.canvard.net.cn/index",
},
],
},
{
name: "校园生活",
key: "8",
url: "",
openNew: false,
list: [
{
name: "文娱活动",
key: "8-1",
openNew: false,
url: "./list.html?category=117",
},
{
name: "学术资讯",
key: "8-2",
openNew: false,
url: "./list.html?category=118",
},
{
name: "嘉华美食",
key: "8-3",
openNew: false,
url: "./list.html?category=119",
},
{
name: "校园周边",
key: "8-4",
openNew: false,
url: "./list.html?category=120",
},
],
},
{
name: "校友工作",
key: "9",
url: "",
openNew: false,
list: [
{
name: "校友注册",
key: "9-1",
openNew: false,
url: "./list.html?category=122",
},
{
name: "校友风采",
key: "9-2",
openNew: false,
url: "./list.html?category=123",
},
{
name: "嘉华校友",
key: "9-3",
openNew: false,
url: "./list.html?category=374",
},
{
name: "校友服务",
key: "9-4",
openNew: false,
url: "./list.html?category=124",
},
],
},
{
name: "联系我们",
key: "10",
openNew: false,
url: "./list.html?category=84",
list: [],
},
],
只提供了html和数组，样式自己写，根据ui不同的样式都可以
