@opentiny/tiny-toolkit-pro/template/tinyvue/src/assets/style/menu.less

TinyPro Vue：开箱即用、前后端分离的 Vue 后台管理模板

// 菜单宽度
:deep(.tiny-tree-menu) {
  width: 250px;
}

// 去除默认右边竖线
:deep(.tiny-tree-menu::before) {
  border-right: none;
}

// 增加子菜单上下间距
:deep(.tiny-tree-menu .tiny-tree > div) {
  margin: 3px 0;
}

// 解决切换闪动
:deep(.tiny-tree-menu .tiny-tree .tree-node-name) {
  border-left: 2px solid transparent !important;
}

// 主标题点击后显示背景色
:deep(
    .tiny-tree-menu
      .tiny-tree
      .tiny-tree-node.is-current
      > .tiny-tree-node__content
      .tree-node-name
      .tiny-svg
  ) {
  fill: var(--tv-tree-menu-node-current-color);
}

:deep(.tiny-collapse-item__header) {
  color: var(--tv-common-color-text-highlight);
  background-color: var(--tv-common-color-bg-light-normal);
}