108 lines
2.0 KiB
SCSS
108 lines
2.0 KiB
SCSS
:root {
|
||
// 这里可以设置你自定义的颜色变量
|
||
// 这个是element主要按钮:active的颜色，当主题更改后此变量的值也随之更改
|
||
--el-color-primary-dark: #0067CC;
|
||
// element plus 2.1.0 禁用文本色值和正常文本色值无法区分问题
|
||
--el-text-color-disabled: #ccc;
|
||
--el-color-primary: #0067CC;
|
||
--el-font-size-base: 14px;
|
||
--el-border-color: #AAAAAA;
|
||
//--el-text-color-placeholder: #DCDEE0;
|
||
--el-border-color-lighter: #DCDCDC;
|
||
--el-text-color-primary: #333333;
|
||
--el-text-color-regular: #333333;
|
||
--el-color-danger: #D50201;
|
||
}
|
||
|
||
// 覆盖 element-plus 的样式
|
||
.el-breadcrumb__inner,
|
||
.el-breadcrumb__inner a {
|
||
font-weight: 400 !important;
|
||
}
|
||
|
||
.el-upload {
|
||
input[type='file'] {
|
||
display: none !important;
|
||
}
|
||
}
|
||
|
||
.el-upload__input {
|
||
display: none;
|
||
}
|
||
|
||
// dropdown
|
||
.el-dropdown-menu {
|
||
a {
|
||
display: block;
|
||
}
|
||
}
|
||
|
||
// to fix el-date-picker css style
|
||
.el-range-separator {
|
||
box-sizing: content-box;
|
||
}
|
||
|
||
// 选中行背景色值
|
||
.el-table__body tr.current-row td {
|
||
background-color: #e1f3d8b5 !important;
|
||
}
|
||
|
||
// card 的header统一高度
|
||
.el-card__header {
|
||
height: 60px !important;
|
||
}
|
||
|
||
// 表格表头和表体未对齐
|
||
.el-table__header col[name='gutter'] {
|
||
display: table-cell !important;
|
||
}
|
||
|
||
.el-input__inner::selection{
|
||
color: #fff;
|
||
background-color: var(--el-color-primary-dark);
|
||
}
|
||
// form
|
||
.el-form-item{
|
||
margin-bottom: 10px;
|
||
}
|
||
.el-button+.el-button{
|
||
margin-left: 8px;
|
||
}
|
||
.el-button--small{
|
||
height: 28px;
|
||
}
|
||
// 左右结构 form
|
||
.left-form-container{
|
||
overflow: auto;
|
||
padding-right: 10px;
|
||
.el-form-item__label{
|
||
height: 22px;
|
||
font-family: PingFangSC-Regular;
|
||
font-size: 14px;
|
||
color: rgba(84,94,102,0.90);
|
||
letter-spacing: 0;
|
||
line-height: 32px;
|
||
font-weight: 400
|
||
}
|
||
.el-form-item__content{
|
||
.el-input{
|
||
height: 32px;
|
||
.el-input--small {
|
||
width: 200px;
|
||
}
|
||
}
|
||
|
||
.el-select--small {
|
||
height: 32px;
|
||
width: 200px;
|
||
}
|
||
}
|
||
}
|
||
.el-row{
|
||
margin-bottom: 10px;
|
||
}
|
||
.el-checkbox.el-checkbox--small{
|
||
height: 28px;
|
||
}
|
||
|