12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- .cip-main-nav.el-menu, .cip-menu-popper{
- border:none;
- .cip-menu__title{
- flex-grow: 2;
- }
- // 展开后父菜单徽标消失
- .el-submenu.is-opened{
- > .el-submenu__title {
- .cip-menu__badge {
- display: none;
- }
- }
- }
- .el-menu-item{ // 与el-sub-menu的表现不同在收缩时会套一个el-popper导致无法正常居中
- display: flex;
- align-items: center;
- line-height: normal;
- .cip-menu__badge{
- margin-left:8px;
- }
- [class~=iconfont], .cip-svg-icon{
- margin-right: 5px;
- text-align: center;
- font-size: var(--el-menu-item-font-size);
- vertical-align: middle;
- }
- }
- .el-submenu__title{
- display: flex;
- align-items: center;
- line-height: normal;
- .cip-menu__badge{
- margin: 0 16px 0 8px;
- }
- }
- .el-submenu{
- [class~=iconfont], .cip-svg-icon{
- margin-right: 5px;
- text-align: center;
- font-size: var(--el-menu-item-font-size);
- //vertical-align: middle;
- }
- }
- }
- .cip-menu-popper{
- .el-menu-item,.el-submenu__title{
- .cip-menu__badge{
- flex-shrink: 0;
- margin: 0 24px 0 8px;
- }
- }
- }
- .cip-main-nav.el-menu--collapse{
- .el-menu-item{
- line-height: 56px;
- }
- }
|