vue-element-admin遇到的一些小问题

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
    },

就是这样