vue-element-admin 导航栏选中背景颜色
使用vue-element-admin想修改背景颜色可以使用一下css (放全局css文件中)
#app .sidebar-container .el-submenu .el-menu-item.is-active {
background-color: #40a0ff28 !important;
}
vue-element-admin 快捷导航栏
需求是快捷导航栏两边有箭头点击快捷导航栏移动如图效果:
找的项目 src\layout\components\TagsView\ScrollPane.vue 文件写如下代码
<el-scrollbar ref="scrollContainer" :vertical="false" class="scroll-container" @wheel.native.prevent="handleScroll">
<div class="arrow_left" @click="leftoffterChange"><i class="el-icon-arrow-left" /></div>
<slot />
<div class="arrow_right" @click="rightoffterChange"><i class="el-icon-arrow-right" /></div>
</el-scrollbar>
leftoffterChange() {
const $scrollWrapper = this.scrollWrapper
this.scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft - 60
},
rightoffterChange() {
const $scrollWrapper = this.scrollWrapper
this.scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + 60
},
就是这样