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…
Reference in new issue