// 覆盖element-ui原生样式
|
.el-date-editor .el-range-input,.el-input__inner{
|
color:#555!important;
|
}
|
.el-dropdown-menu {
|
li:hover {
|
background: #f0f0f0 !important;
|
color: #222222 !important;
|
}
|
}
|
.el-popper[x-placement^='bottom'] {
|
margin-top: -5px;
|
}
|
|
.el-select-dropdown__empty {
|
font-size: 13px !important;
|
}
|
.el-select-dropdown__item {
|
font-size: 13px !important;
|
}
|
|
.el-select-dropdown__item.selected {
|
color: #3d68e1;
|
font-weight: 400!important;
|
}
|
|
.el-select,
|
.el-input,
|
.is-focus,
|
.el-input__inner {
|
border-color: #3d68e1;
|
border-radius: 2px;
|
}
|
|
.el-input__inner:focus {
|
border-color: #3d68e1;
|
outline: 0;
|
}
|
|
.el-input--small .el-input__inner {
|
border-radius: 2px;
|
}
|
|
.el-input--mini .el-input__inner {
|
border-radius: 2px;
|
}
|
|
.el-button .el-button--primary .el-button--small {
|
border-radius: 2px;
|
}
|
.el-button + .el-button {
|
margin-left: 20px !important;
|
}
|
.el-select-dropdown {
|
.el-select-dropdown__item {
|
color: #888;
|
font-family: PingFangSC-Regular, PingFang SC;
|
&.selected {
|
color: #555;
|
}
|
}
|
}
|
.el-select-dropdown__item.hover,
|
.el-select-dropdown__item:hover {
|
background-color: #f0f0f0;
|
}
|
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
|
color: #3d68e1;
|
background-color: #fff;
|
}
|
|
.el-table::before {
|
background: #E9EBEE !important;
|
}
|
.el-table td {
|
border-color: #E9EBEE !important;
|
}
|
.el-table-column--selection .cell {
|
padding-left: 10px !important;
|
}
|
.el-range-editor.is-active,
|
.el-range-editor.is-active:hover {
|
border-color: #3d68e1;
|
}
|
.el-range-editor {
|
padding: 2px 10px;
|
}
|
.el-message-box {
|
display: inline-block;
|
width: 320px!important;
|
padding-bottom: 30px!important;
|
vertical-align: middle;
|
background-color: #fff;
|
border-radius: 4px;
|
border: 1px solid #ebeef5;
|
font-size: 18px;
|
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
text-align: left;
|
overflow: hidden;
|
-webkit-backface-visibility: hidden;
|
backface-visibility: hidden;
|
}
|
.el-message-box--center {
|
padding-bottom: 24px;
|
.el-message-box__message {
|
font-size: 13px;
|
}
|
}
|
.el-message-box__header{
|
border-bottom:none!important;
|
text-align: center;
|
padding-top: 30px!important;
|
}
|
.el-message-box__content {
|
position: relative;
|
padding: 0px 15px 20px 15px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
//color: #606266;
|
color: #555!important;
|
font-size: 13px;
|
text-align: center;
|
}
|
.el-message-box__btns .el-button{
|
width: 100px;
|
height: 36px;
|
font-size:14px;
|
letter-spacing: 1em;
|
}
|
|
.el-table .descending .sort-caret.descending {
|
border-top-color: #3d68e1;
|
}
|
|
.el-table .ascending .sort-caret.ascending {
|
border-bottom-color: #3d68e1;
|
}
|
.el-checkbox__input.is-checked .el-checkbox__inner,
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
background-color: #3d68e1;
|
border-color: #3d68e1;
|
}
|
.el-message-box {
|
.el-message-box__headerbtn {
|
top: 10px;
|
}
|
.el-message-box__btns {
|
.el-button--primary {
|
color: #ffffff;
|
background-color: #f53d3d;
|
border-color: #f53d3d;
|
}
|
.el-button--primary:hover {
|
background: #d22929;
|
background-color: #d22929;
|
border-color: #d22929;
|
}
|
}
|
}
|
.el-button--primary:active {
|
background: #3f6be9 !important;
|
border-color: #3f6be9 !important;
|
color: #ffffff;
|
outline: none;
|
}
|
.el-button--danger:active {
|
background: #f82323 !important;
|
border-color: #f82323 !important;
|
color: #ffffff;
|
outline: none;
|
}
|
.el-button--primary:active {
|
background: #d31b20 !important;
|
border-color: #d31b20 !important;
|
}
|
.el-input__inner {
|
color: #555;
|
border-radius: 0 ;
|
}
|
.el-button {
|
border-radius: 0 !important;
|
}
|
.el-button.is-disabled:not(.el-button--text) {
|
background: #eee !important;
|
color: #888 !important;
|
}
|
.el-button--text:hover {
|
color: #ee4b4f;
|
}
|
.el-button--text:focus {
|
color: #d21a20;
|
}
|
.el-input__inner:focus {
|
outline: none;
|
border-color: #0064FF !important;
|
}
|
.el-input-number__increase:hover,
|
.el-input-number__decrease:hover {
|
color: #0064FF !important;
|
}
|
.el-pagination__sizes .el-input .el-input__inner:hover {
|
border-color: #c0c4cc !important;
|
}
|
.el-pagination__sizes .el-select .el-input:hover .el-input__inner {
|
//border-color: #45abfc!important;
|
}
|
.el-pagination__sizes .el-select .el-input.is-focus .el-input__inner {
|
border-color: #0064FF !important;
|
}
|
.el-pagination__sizes .el-select .is-focus .el-input__inner {
|
border-color: #0064FF !important;
|
}
|
.el-pagination__sizes .el-select .el-input__inner:focus {
|
border-color: #0064FF !important;
|
}
|
.el-pagination__jump .el-input__inner:focus {
|
border-color: #0064FF !important;
|
}
|
// &:hover {
|
// color: #45abfc;
|
// }
|
// &:focus {
|
// color: #1789e5;
|
// }
|
.el-input-number__increase:hover:not(.is-disabled)
|
~ .el-input
|
.el-input__inner:not(.is-disabled),
|
.el-input-number__decrease:hover:not(.is-disabled)
|
~ .el-input
|
.el-input__inner:not(.is-disabled) {
|
border-color: #0064FF !important;
|
}
|
.el-textarea__inner:focus {
|
outline: none;
|
border-color: #0064FF !important;
|
}
|
.el-upload:focus .el-upload-dragger {
|
color: #0064FF !important;
|
border-color: #0064FF !important;
|
}
|
.el-upload-dragger:hover,
|
.el-upload-dragger:focus {
|
border-color: #0064FF !important;
|
}
|
.el-upload-dragger .el-upload__text em {
|
color: #0064FF !important;
|
}
|
|
.el-range-editor.is-active {
|
border-color: #0064FF !important;
|
}
|
.el-range-editor.is-active:hover {
|
border-color: #0064FF !important;
|
}
|
.el-steps--simple {
|
padding-top: 0 !important;
|
padding-bottom: 0 !important;
|
background-color: #fff !important;
|
}
|
.arrowToLine .el-step.is-simple .el-step__arrow::before {
|
display: none;
|
}
|
.arrowToLine .el-step.is-simple .el-step__arrow::after {
|
transform: none;
|
width: 44px;
|
height: 1px;
|
}
|
.arrowToLine .el-step.is-simple {
|
.el-step__head {
|
.el-step__icon {
|
width: 34px;
|
height: 34px;
|
background: #ccc;
|
color: #fff;
|
border: none;
|
&:after {
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
font-size: 20px;
|
font-family: PingFangSC-Medium, PingFang SC;
|
font-weight: 500;
|
color: #ffffff;
|
}
|
}
|
&.is-process {
|
.el-step__icon {
|
background: #ea1e24;
|
}
|
}
|
}
|
.el-step__title {
|
width: 90px;
|
max-width: none !important;
|
height: 25px;
|
font-size: 18px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
line-height: 25px;
|
&.is-process {
|
color: #111111 !important;
|
}
|
}
|
}
|
.step-num-one .el-step__head .el-step__icon:after {
|
content: '1';
|
}
|
.step-num-two .el-step__head .el-step__icon:after {
|
content: '2';
|
}
|
.step-num-three .el-step__head .el-step__icon:after {
|
content: '3';
|
}
|
.el-step.is-simple .el-step__icon {
|
background: #ccc;
|
color: #fff;
|
}
|
.arrowToLine .el-step.is-simple .el-step__head.is-success .el-step__icon {
|
font-size: 18px;
|
background: #ea1e24;
|
&:after {
|
display: none;
|
}
|
}
|
.el-notification .el-notification__content {
|
margin: 0;
|
}
|
.el-date-table td.available:hover {
|
color: #1a99ff !important;
|
}
|
.el-date-table td.start-date span,
|
.el-date-table td.end-date span {
|
background-color: #1a99ff !important;
|
}
|
.el-date-table td.today:not(.start-date):not(.end-date) span {
|
color: #1a99ff !important;
|
}
|
|
.el-date-range-picker {
|
.el-button--text {
|
color: #1a99ff !important;
|
}
|
.el-button.is-plain:hover,
|
.el-button.is-plain:focus {
|
border-color: rgb(26, 153, 255) !important;
|
background-color: rgba(26, 153, 255, 0.05);
|
color: #1a99ff !important;
|
}
|
.el-button.is-disabled.is-plain,
|
.el-button.is-disabled.is-plain:hover,
|
.el-button.is-disabled.is-plain:focus {
|
border-color: #eee !important;
|
background: #eee !important;
|
color: #888 !important;
|
}
|
}
|
