[feat][VM]:新增老师导航栏组件

master
Romesum 5 years ago
parent 0f9f03d411
commit 70d2d36ce5

@ -0,0 +1,43 @@
<template>
<div>
<el-menu
:default-active="activeIndex"
class="el-menu-demo nav"
mode="horizontal"
@select="handleSelect"
background-color="#1989fa"
text-color="#ffffff"
active-text-color="#ffd04b">
<el-menu-item index="1" route="index">首页</el-menu-item>
<el-submenu index="2">
<template slot="title">实验室申请</template>
<el-menu-item index="2-1" route="book">申请实验室</el-menu-item>
<el-menu-item index="2-2" route="myBooking">我的申请记录</el-menu-item>
</el-submenu>
<el-menu-item index="3" route="course">课程管理</el-menu-item>
<el-menu-item index="4" route="schedule">我的课表</el-menu-item>
<el-menu-item index="5" route="personal">个人中心</el-menu-item>
</el-menu>
</div>
</template>
<script>
export default {
data() {
return {
activeIndex: '1'
};
},
methods: {
handleSelect(key, keyPath) {
console.log(key, keyPath);
}
}
}
</script>
<style scoped>
.nav{
width: 100%;
}
</style>
Loading…
Cancel
Save