You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
224 lines
4.6 KiB
224 lines
4.6 KiB
@import 'mixins/index.scss'; |
|
|
|
/* Button 按钮 |
|
------------------------------- */ |
|
// 第三方字体图标大小 |
|
.el-button i.el-icon, |
|
.el-button i.iconfont, |
|
.el-button i.fa, |
|
.el-button--default i.iconfont, |
|
.el-button--default i.fa { |
|
font-size: 14px !important; |
|
margin-right: 5px; |
|
} |
|
.el-button--small i.iconfont, |
|
.el-button--small i.fa { |
|
font-size: 12px !important; |
|
margin-right: 5px; |
|
} |
|
|
|
/* Input 输入框、InputNumber 计数器 |
|
------------------------------- */ |
|
// 菜单搜索 |
|
.el-autocomplete-suggestion__wrap { |
|
max-height: 280px !important; |
|
} |
|
|
|
/* Alert 警告 |
|
------------------------------- */ |
|
.el-alert { |
|
border: 1px solid; |
|
} |
|
.el-alert__title { |
|
word-break: break-all; |
|
} |
|
|
|
/* Message 消息提示 |
|
------------------------------- */ |
|
.el-message { |
|
min-width: unset !important; |
|
padding: 15px !important; |
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.02); |
|
} |
|
|
|
/* NavMenu 导航菜单 |
|
------------------------------- */ |
|
// 鼠标 hover 时颜色 |
|
.el-menu-hover-bg-color { |
|
background-color: var(--next-color-menu-hover) !important; |
|
} |
|
// 默认样式修改 |
|
.el-menu { |
|
border-right: none !important; |
|
width: 220px; |
|
} |
|
// 修复点击左侧菜单折叠再展开时，宽度不跟随问题 |
|
.el-menu--collapse { |
|
width: 64px !important; |
|
} |
|
.el-menu-item, |
|
.el-sub-menu__title { |
|
color: var(--next-bg-menuBarColor); |
|
} |
|
.el-menu.el-menu--horizontal { |
|
border-bottom: none !important; |
|
} |
|
.el-menu-item { |
|
height: 56px !important; |
|
line-height: 56px !important; |
|
} |
|
// 外部链接时 |
|
.el-menu-item a, |
|
.el-menu-item a:hover, |
|
.el-menu-item i, |
|
.el-sub-menu__title i { |
|
color: inherit; |
|
text-decoration: none; |
|
} |
|
// 第三方图标字体间距/大小设置 |
|
.el-menu-item .iconfont, |
|
.el-sub-menu .iconfont, |
|
.el-menu-item .fa, |
|
.el-sub-menu .fa { |
|
@include generalIcon; |
|
} |
|
// 高亮时 |
|
.el-menu-item.is-active, |
|
.el-sub-menu.is-active .el-sub-menu__title { |
|
@extend .el-menu-hover-bg-color; |
|
i, |
|
span { |
|
color: var(--el-menu-active-color) !important; |
|
} |
|
} |
|
.el-sub-menu.is-active.is-opened { |
|
.el-sub-menu__title { |
|
background-color: unset !important; |
|
} |
|
i, |
|
span { |
|
color: unset !important; |
|
} |
|
} |
|
// 鼠标 hover 时 |
|
.el-menu-item:hover, |
|
.el-sub-menu__title:hover { |
|
@extend .el-menu-hover-bg-color; |
|
} |
|
// 菜单收起时且时 a 链接 |
|
.el-popper.is-dark a { |
|
color: var(--el-color-white) !important; |
|
text-decoration: none; |
|
} |
|
// 菜单收起时鼠标经过背景颜色/字体颜色 |
|
.el-popper.is-light { |
|
.el-menu--vertical { |
|
.el-menu { |
|
background: var(--next-bg-menuBar); |
|
} |
|
} |
|
.el-menu--horizontal { |
|
background: var(--next-bg-topBar); |
|
.el-menu, |
|
.el-menu-item, |
|
.el-sub-menu__title { |
|
color: var(--next-bg-topBarColor); |
|
background: var(--next-bg-topBar); |
|
} |
|
} |
|
} |
|
|
|
/* Tabs 标签页 |
|
------------------------------- */ |
|
.el-tabs__nav-wrap::after { |
|
height: 1px !important; |
|
} |
|
|
|
/* Dropdown 下拉菜单 |
|
------------------------------- */ |
|
.el-dropdown-menu { |
|
list-style: none !important; /*修复 Dropdown 下拉菜单样式问题 2022.03.04*/ |
|
} |
|
.el-dropdown-menu .el-dropdown-menu__item { |
|
white-space: nowrap; |
|
} |
|
|
|
/* Steps 步骤条 |
|
------------------------------- */ |
|
.el-step__icon-inner { |
|
font-size: 30px !important; |
|
font-weight: 400 !important; |
|
} |
|
.el-step__title { |
|
font-size: 14px; |
|
} |
|
|
|
/* Dialog 对话框 |
|
------------------------------- */ |
|
.el-overlay { |
|
overflow: hidden; |
|
.el-overlay-dialog { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
position: unset !important; |
|
width: 100%; |
|
height: 100%; |
|
.el-dialog { |
|
margin: 0 auto !important; |
|
position: absolute; |
|
.el-dialog__body { |
|
padding: 20px !important; |
|
} |
|
} |
|
} |
|
} |
|
.el-dialog__body { |
|
max-height: calc(90vh - 111px) !important; |
|
overflow-y: auto; |
|
overflow-x: hidden; |
|
} |
|
|
|
/* Card 卡片 |
|
------------------------------- */ |
|
.el-card__header { |
|
padding: 15px 20px; |
|
} |
|
|
|
/* scrollbar |
|
------------------------------- */ |
|
.el-scrollbar__bar { |
|
z-index: 4; |
|
} |
|
.el-scrollbar__wrap { |
|
max-height: 100%; /*防止页面切换时，滚动条高度不变的问题（滚动条高度非滚动条滚动高度）*/ |
|
} |
|
.el-select-dropdown .el-scrollbar__wrap { |
|
overflow-x: scroll !important; |
|
} |
|
.el-select-dropdown__wrap { |
|
max-height: 274px !important; /*修复Select 选择器高度问题*/ |
|
} |
|
.el-cascader-menu__wrap.el-scrollbar__wrap { |
|
height: 204px !important; /*修复Cascader 级联选择器高度问题*/ |
|
} |
|
|
|
/* Drawer 抽屉 |
|
------------------------------- */ |
|
.el-drawer { |
|
--el-drawer-padding-primary: unset !important; |
|
.el-drawer__header { |
|
padding: 0 15px !important; |
|
height: 50px; |
|
display: flex; |
|
align-items: center; |
|
margin-bottom: 0 !important; |
|
border-bottom: 1px solid var(--el-border-color-base); |
|
color: var(--el-text-color-primary); |
|
} |
|
.el-drawer__body { |
|
width: 100%; |
|
height: 100%; |
|
overflow: auto; |
|
} |
|
}
|
|
|