12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <template>
- <div class="left-nav">
- <el-menu
- class="el-menu-vertical-demo"
- background-color="#324157"
- text-color="#bfcbd9"
- active-text-color="#20a0ff"
- :router=true
- :default-active="$route.path">
- <el-menu-item index="/channel/index" route="/channel/index">
- <span slot="title">渠道管理</span>
- </el-menu-item>
- <el-menu-item index="/course/index" route="/course/index">
- <span slot="title">课程管理</span>
- </el-menu-item>
- <el-menu-item index="/relation/index" route="/relation/index">
- <span slot="title">渠道课程管理</span>
- </el-menu-item>
- <el-submenu index="/nav">
- <template slot="title">
- <i class="el-icon-location"></i>
- <span>导航</span>
- </template>
- <el-menu-item-group>
- <el-menu-item index="/nav/nav1" route="/nav/nav1">
- <span slot="title">导航一</span>
- </el-menu-item>
- </el-menu-item-group>
- <el-menu-item-group>
- <el-menu-item index="/nav/nav2" route="/nav/nav2">
- <span slot="title">导航二</span>
- </el-menu-item>
- </el-menu-item-group>
- </el-submenu>
- <!--
- <el-menu-item index="/nav/nav1" route="/nav/nav1">
- <i class="el-icon-menu"></i>
- <span slot="title">导航一</span>
- </el-menu-item>
- <el-menu-item index="/nav/nav2" route="/nav/nav2">
- <i class="el-icon-setting"></i>
- <span slot="title">导航二</span>
- </el-menu-item>
- -->
- </el-menu>
- </div>
- </template>
- <style lang="less">
- .left-nav {
- width: 200px;
- height: 100%;
- background-color: #324157;
- .el-menu {
- border: none;
- }
- }
- </style>
|