cip-components/main/cip-main-nav/index.less

.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;
  }
}