| | |
|---|
| | | width: $base-sidebar-width !important;
|
|---|
| | | height: 100%;
|
|---|
| | | position: fixed;
|
|---|
| | | font-size: 0px;
|
|---|
| | | top: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | left: 0;
|
|---|
| | |
|---|
| | | border-radius: 14px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 所有子菜单标题，使用 flex 布局让箭头和文字在一排 |
|---|
| | | .el-sub-menu__title { |
|---|
| | | padding-right: 10px !important; |
|---|
| | | display: flex !important; |
|---|
| | | align-items: center !important; |
|---|
| | | line-height: normal !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 顶级子菜单标题 |
|---|
| | | & > .el-menu > .el-sub-menu > .el-sub-menu__title { |
|---|
| | | padding-right: 10px !important; |
|---|
| | | display: flex !important; |
|---|
| | | align-items: center !important; |
|---|
| | | line-height: normal !important; |
|---|
| | | } |
|---|
| | | & .theme-light .is-active > .el-sub-menu__title {
|
|---|
| | | color: var(--current-color) !important;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | margin: 0 12px 6px; |
|---|
| | | width: calc(100% - 24px); |
|---|
| | | padding-left: 8px !important; |
|---|
| | | padding-right: 8px !important; |
|---|
| | | padding-right: 24px !important; |
|---|
| | | box-sizing: border-box; |
|---|
| | | |
|---|
| | | &:hover { |
|---|
| | |
|---|
| | | visibility: hidden; |
|---|
| | | display: inline-block;
|
|---|
| | | }
|
|---|
| | | & > i {
|
|---|
| | | height: 0;
|
|---|
| | | width: 0;
|
|---|
| | | overflow: hidden;
|
|---|
| | | visibility: hidden;
|
|---|
| | | display: inline-block;
|
|---|
| | | & > i.el-sub-menu__icon-arrow { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
