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

그게 다야