浪歌 · 随笔 我的开发笔记

调整菜单样式

[vben] 2024/7/7 14:15:15

基于src\settings\projectSetting.ts中设置混合菜单模式menuSetting.type=MenuTypeEnum.MIX_SIDEBAR


调整折叠菜单左间距

1. 调整src\components\SimpleMenu\src\components\Menu.vue中indentSize的默认值,由原来的16设置成4

2. 修改src\components\SimpleMenu\src\components\useMenu.ts中代码padding += indentSize 为 padding += indentSize * 3;


调整折叠菜单上下间距

 1.  调整src\components\SimpleMenu\src\components\menu.less中&-vertical &-submenu-title的padding: 12px 24px;为padding: 8px 24px;

      调整&-vertical &-submenu-title-icon的right:18px为right:8px;