<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不同的樣式都可以
