vue-element-admin でアクティブ化されたナビゲーション メニューの背景色を変更します。

ディレクトリの背景色のファイルを変更します: src\styles\variables.scss を

次のように変更できます。

アクティブ化された背景色を変更するには?

ファイル パス: src\styles\sidebar.scss は、
変更されたファイルでアクティブ化された後に背景色を書き換えます

   a {
    
    
      display: inline-block;
      width: 100%;
      overflow: hidden;
      // 主目录被激活后的菜单背景色
      .el-menu-item.is-active {
    
    
        background-color: #009195 !important;
      }
    }

    // 子目录被激活后的菜单背景色
    .is-active > .el-submenu__title {
    
    
      background-color: #009195 !important;
    }

最終的な効果: