| | |
|---|
| | | |
|---|
| | | //main-container全局样式 |
|---|
| | | .app-container { |
|---|
| | | padding: 20px; |
|---|
| | | // padding: 0 12px; |
|---|
| | | padding-right: 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .components-container { |
|---|
| | |
|---|
| | | // ::v-deep(.el-range-separator) { |
|---|
| | | color: #999 !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 折叠菜单样式调整，确保在所有情况下菜单项居中 */ |
|---|
| | | .el-menu--collapse { |
|---|
| | | width: 54px !important; |
|---|
| | | |
|---|
| | | .el-sub-menu, .el-menu-item { |
|---|
| | | width: 36px !important; |
|---|
| | | min-width: 36px !important; |
|---|
| | | margin-left: 9px !important; /* 关键：设置固定的左边距9px使菜单项居中 */ |
|---|
| | | margin-right: 9px !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-menu-item, .el-sub-menu__title { |
|---|
| | | display: flex !important; |
|---|
| | | justify-content: center !important; |
|---|
| | | align-items: center !important; |
|---|
| | | padding: 0 !important; |
|---|
| | | |
|---|
| | | .svg-icon, .el-icon { |
|---|
| | | margin: 0 !important; /* 重要：移除图标的所有边距 */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-sub-menu__icon-arrow { |
|---|
| | | display: none !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | > span { |
|---|
| | | display: none !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 选中状态样式 */ |
|---|
| | | .el-menu-item.is-active, .el-sub-menu.is-active > .el-sub-menu__title { |
|---|
| | | background-color: #3883FA !important; |
|---|
| | | color: #fff !important; |
|---|
| | | } |
|---|
| | | } |
|---|
