Skip to content

W
whp-xl
Commit 83ce4fa4 authored by 王晓倩's avatar 王晓倩
Browse files
Options

修复菜单样式问题

parent 7266944b
Hide whitespace changes
Inline Side-by-side
Showing with 4 additions and 4 deletions
dcit-hcsystem-hcsystem-master/src/views/Layout/Navbar.vue
View file @ 83ce4fa4
<template> <template>
<div class="wrapper" id="navbar"> <div class="wrapper" id="navbar">
<el-scrollbar class="el-scrollbar"> <!-- <el-scrollbar class="el-scrollbar">-->
<el-menu :default-active="$router.currentRoute.path" class="el-menu-vertical-demo" router> <el-menu :default-active="$router.currentRoute.path" class="el-menu-vertical-demo" router>
<!-- router属性 是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转 --> <!-- router属性 是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转 -->
<template v-for="(item,bindex) in currentRouterArr"> <template v-for="(item,bindex) in currentRouterArr">
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
</div> </div>
</template> </template>
</el-menu> </el-menu>
</el-scrollbar> <!-- </el-scrollbar>-->
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
...@@ -62,9 +62,9 @@ export default class Navbar extends Vue { ...@@ -62,9 +62,9 @@ export default class Navbar extends Vue {
#navbar { #navbar {
$bgColor:#5f5f61; $bgColor:#5f5f61;
$txtColor:#c9c9c9; $txtColor:#c9c9c9;
width: 200px; width: 210px;
height: 100%; height: 100%;
overflow: hidden; overflow: auto;
.el-menu-item { .el-menu-item {
&:hover { &:hover {
background: #9fd0ff; background: #9fd0ff;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment