提交 6106815e 编写于 作者: LUCIFER-ZHU's avatar LUCIFER-ZHU

update: 更新

上级 8dcd8b7d
.el-breadcrumb__inner, .el-breadcrumb__inner,
.el-breadcrumb__inner a { .el-breadcrumb__inner a {
font-weight: 400 !important; font-weight: 400 !important;
...@@ -6,19 +5,22 @@ ...@@ -6,19 +5,22 @@
.app-breadcrumb.el-breadcrumb { .app-breadcrumb.el-breadcrumb {
display: inline-block; display: inline-block;
font-size: 14px; font-size: 18px;
line-height: 50px;
margin-left: 8px; margin-left: 8px;
.no-redirect { .no-redirect {
color: #97a8be; color: var(--ey-color-black);
cursor: text; cursor: text;
.curselected{ .curselected{
color: #2196F3;
font-weight: bold; font-weight: bold;
} }
.app-breadcrumb-selected{ .app-breadcrumb-selected{
cursor: pointer; cursor: pointer;
} }
} }
.el-breadcrumb__inner a {
color: var(--ey-color-gray-100);
}
.el-breadcrumb__separator{
margin: 0 10px;
}
} }
\ No newline at end of file
.app-stepper{
.el-input-number__increase{
border-left: 1px solid #dcdfe6!important ;
}
}
...@@ -57,29 +57,33 @@ ...@@ -57,29 +57,33 @@
// 确认操作框 // 确认操作框
.ivu-modal-confirm{ .ivu-modal-confirm{
padding: 0; padding: 0;
margin: -30px -30px;
.ivu-modal-confirm-head{ .ivu-modal-confirm-head{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--ey-color-gray-250);
.ivu-modal-confirm-head-icon{ .ivu-modal-confirm-head-icon{
font-size: 20px; display: none;
color: var(--app-color-red);
i::before{
content: "\F107";
}
} }
.ivu-modal-confirm-head-title{ .ivu-modal-confirm-head-title{
font-size: 16px; font-size: 18px;
color: var(--app-color-black); font-weight: bold;
color: var(--ey-color-black);
} }
} }
.ivu-modal-confirm-body{ .ivu-modal-confirm-body{
margin: 14px 0; margin: 30px 0;
padding-left: 0; padding: 0 35px;
font-size: 14px; font-size: 14px;
color: var(--app-color-gray-100); color: var(--ey-color-black);
text-align: center;
} }
.ivu-modal-confirm-footer{ .ivu-modal-confirm-footer{
margin-top: 0; margin: 0 0 30px;
display: flex; display: flex;
justify-content: flex-end; justify-content: center;
.ivu-btn { .ivu-btn {
height: var(--ey-confirm-button-height); height: var(--ey-confirm-button-height);
font-size: var(--ey-confirm-button-font-size); font-size: var(--ey-confirm-button-font-size);
......
...@@ -2,4 +2,16 @@ ...@@ -2,4 +2,16 @@
.el-input{ .el-input{
font-size: 14px; font-size: 14px;
} }
}
.el-autocomplete-suggestion{
.el-autocomplete-suggestion__list{
li{
color: var(--ey-color-gray-100);
}
li:hover{
color: var(--ey-color-black);
background-color: var(--ey-color-blue-green-110);
}
}
} }
\ No newline at end of file
...@@ -7,4 +7,5 @@ ...@@ -7,4 +7,5 @@
@import './table.scss'; @import './table.scss';
@import './upload.scss'; @import './upload.scss';
@import './tooltip.scss'; @import './tooltip.scss';
@import './popover.scss'; @import './popover.scss';
\ No newline at end of file @import './stepper.scss';
\ No newline at end of file
.el-input{ .el-input{
.el-input__inner{ .el-input__inner{
border-radius: 0; border-radius: 4px;
min-height: 34px; min-height: 34px;
line-height: 34px; line-height: 34px;
} }
// 悬浮 // 悬浮
.el-input__inner:hover{ .el-input__inner:hover{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
&.is-disabled .el-input__inner:hover{ &.is-disabled .el-input__inner:hover{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
//聚焦 //聚焦
.el-input__inner:focus { &.is-active .el-input__inner, .el-input__inner:focus{
box-shadow: 0 0 2px 0px #188ce5; border-color: var(--ey-color-blue-green);
box-shadow: none;
} }
// 占位 // 占位
.el-input__inner::-webkit-input-placeholder{ .el-input__inner::-webkit-input-placeholder{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
} }
// 禁用 // 禁用
&.is-disabled .el-input__inner{ &.is-disabled .el-input__inner{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
background-color: var(--app-color-gray-250); background-color: var(--ey-color-gray-250);
} }
// 后缀图标 // 后缀图标
.el-input__suffix{ .el-input__suffix{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
} }
} }
\ No newline at end of file
.el-select{ .el-select{
// 悬浮 select会压住input本身的 // 悬浮 select会压住input本身的
&:hover .el-input__inner{ &:hover .el-input__inner{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
.el-input.is-disabled .el-input__inner:hover{ .el-input.is-disabled .el-input__inner:hover{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
} }
\ No newline at end of file
.el-slider__bar { .el-slider__bar {
background-color: var(--app-color-blue); background-color: var(--ey-color-blue-green);
} }
.el-slider__button{ .el-slider__button{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
\ No newline at end of file
.el-input-number {
.el-input__inner:hover {
border-color: var(--ey-color-blue-green);
}
&:hover{
border-color: var(--ey-color-blue-green);
}
}
.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
border-color: var(--ey-color-blue-green);
}
\ No newline at end of file
.el-switch.is-checked .el-switch__core { .el-switch.is-checked .el-switch__core {
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
background-color: var(--app-color-blue); background-color: var(--ey-color-blue-green);
} }
\ No newline at end of file
// light样式 // light样式
.el-tooltip__popper.is-light{ .el-tooltip__popper.is-light{
background-color: var(--app-color-gray-100); background-color: var(--ey-color-gray-250);
box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
0px 3px 6px 0px rgba(0, 0, 0, 0.12); 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
border-radius: 2px;
border: 0; border: 0;
color: var(--app-color-white); padding: 10px;
border-radius: 4px;
font-size: 14px;
color: var(--ey-color-black);
} }
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow, .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=bottom-start] .popper__arrow, .el-tooltip__popper.is-light[x-placement^=bottom-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=bottom-end] .popper__arrow{ .el-tooltip__popper.is-light[x-placement^=bottom-end] .popper__arrow{
border-bottom-color: var(--app-color-gray-100); border-bottom-color: var(--ey-color-gray-250);
&::after{ &::after{
border-bottom-color: var(--app-color-gray-100); border-bottom-color: var(--ey-color-gray-250);
} }
} }
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow, .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=top-start] .popper__arrow, .el-tooltip__popper.is-light[x-placement^=top-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=top-end] .popper__arrow{ .el-tooltip__popper.is-light[x-placement^=top-end] .popper__arrow{
border-top-color: var(--app-color-gray-100); border-top-color: var(--ey-color-gray-250);
&::after{ &::after{
border-top-color: var(--app-color-gray-100); border-top-color: var(--ey-color-gray-250);
} }
} }
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow, .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=left-start] .popper__arrow, .el-tooltip__popper.is-light[x-placement^=left-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=left-end] .popper__arrow{ .el-tooltip__popper.is-light[x-placement^=left-end] .popper__arrow{
border-left-color: var(--app-color-gray-100); border-left-color: var(--ey-color-gray-250);
&::after{ &::after{
border-left-color: var(--app-color-gray-100); border-left-color: var(--ey-color-gray-250);
} }
} }
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow, .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=right-start] .popper__arrow, .el-tooltip__popper.is-light[x-placement^=right-start] .popper__arrow,
.el-tooltip__popper.is-light[x-placement^=right-end] .popper__arrow{ .el-tooltip__popper.is-light[x-placement^=right-end] .popper__arrow{
border-right-color: var(--app-color-gray-100); border-right-color: var(--ey-color-gray-250);
&::after{ &::after{
border-right-color: var(--app-color-gray-100); border-right-color: var(--ey-color-gray-250);
} }
} }
// dark样式 // dark样式
.el-tooltip__popper.is-dark{ .el-tooltip__popper.is-dark{
background-color: var(--app-color-gray-100); background-color: var(--ey-color-gray-250);
box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
0px 3px 6px 0px rgba(0, 0, 0, 0.12); 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
border-radius: 2px;
border: 0; border: 0;
color: var(--app-color-white); padding: 10px;
border-radius: 4px;
font-size: 14px;
color: var(--ey-color-black);
} }
.el-tooltip__popper.is-dark[x-placement^=bottom] .popper__arrow, .el-tooltip__popper.is-dark[x-placement^=bottom] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=bottom-start] .popper__arrow, .el-tooltip__popper.is-dark[x-placement^=bottom-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=bottom-end] .popper__arrow{ .el-tooltip__popper.is-dark[x-placement^=bottom-end] .popper__arrow{
border-bottom-color: var(--app-color-gray-100); border-bottom-color: var(--ey-color-gray-250);
&::after{ &::after{
border-bottom-color: var(--app-color-gray-100); border-bottom-color: var(--ey-color-gray-250);
} }
} }
.el-tooltip__popper.is-dark[x-placement^=top] .popper__arrow, .el-tooltip__popper.is-dark[x-placement^=top] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=top-start] .popper__arrow, .el-tooltip__popper.is-dark[x-placement^=top-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=top-end] .popper__arrow{ .el-tooltip__popper.is-dark[x-placement^=top-end] .popper__arrow{
border-top-color: var(--app-color-gray-100); border-top-color: var(--ey-color-gray-250);
&::after{ &::after{
border-top-color: var(--app-color-gray-100); border-top-color: var(--ey-color-gray-250);
} }
} }
.el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow, .el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=left-start] .popper__arrow, .el-tooltip__popper.is-dark[x-placement^=left-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=left-end] .popper__arrow{ .el-tooltip__popper.is-dark[x-placement^=left-end] .popper__arrow{
border-left-color: var(--app-color-gray-100); border-left-color: var(--ey-color-gray-250);
&::after{ &::after{
border-left-color: var(--app-color-gray-100); border-left-color: var(--ey-color-gray-250);
} }
} }
.el-tooltip__popper.is-dark[x-placement^=right] .popper__arrow, .el-tooltip__popper.is-dark[x-placement^=right] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=right-start] .popper__arrow, .el-tooltip__popper.is-dark[x-placement^=right-start] .popper__arrow,
.el-tooltip__popper.is-dark[x-placement^=right-end] .popper__arrow{ .el-tooltip__popper.is-dark[x-placement^=right-end] .popper__arrow{
border-right-color: var(--app-color-gray-100); border-right-color: var(--ey-color-gray-250);
&::after{ &::after{
border-right-color: var(--app-color-gray-100); border-right-color: var(--ey-color-gray-250);
} }
} }
\ No newline at end of file
...@@ -8,15 +8,21 @@ ...@@ -8,15 +8,21 @@
margin-top: 15px; margin-top: 15px;
.el-button{ .el-button{
width: 100%; width: 100%;
background: var(--app-color-white); background: var(--ey-color-white);
border: 1px solid var(--app-color-gray-235); border: 1px solid var(--ey-color-gray-250);
border-radius: 0; border-radius: 4px;
&:hover{
color: var(--ey-color-blue-green);
}
&:focus{
color: var(--ey-color-blue-green);
}
} }
} }
.el-upload-list{ .el-upload-list{
.el-upload-list__item{ .el-upload-list__item{
.el-upload-list__item-name{ .el-upload-list__item-name{
color: var(--app-color-blue); color: var(--ey-color-blue-green);
.el-icon-document{ .el-icon-document{
display: none; display: none;
} }
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
font-weight: 700; font-weight: 700;
display: flex; display: flex;
align-items: center; align-items: center;
color: var(--app-color-black); color: var(--ey-color-black);
border-bottom: 1px solid var(--app-color-gray-235); border-bottom: 1px solid var(--app-color-gray-235);
} }
&.ivu-card-bordered { &.ivu-card-bordered {
......
...@@ -7,13 +7,13 @@ ...@@ -7,13 +7,13 @@
margin-right: 6px; margin-right: 6px;
// 激活 // 激活
&.ivu-checkbox-checked{ &.ivu-checkbox-checked{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
background-color: var(--app-color-blue); background-color: var(--ey-color-blue-green);
} }
} }
// 悬浮 // 悬浮
.ivu-checkbox:hover .ivu-checkbox-inner{ .ivu-checkbox:hover .ivu-checkbox-inner{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
// 禁用 // 禁用
.ivu-checkbox-disabled+span{ .ivu-checkbox-disabled+span{
......
...@@ -6,13 +6,13 @@ ...@@ -6,13 +6,13 @@
// 激活 // 激活
&.ivu-checkbox-checked { &.ivu-checkbox-checked {
.ivu-checkbox-inner{ .ivu-checkbox-inner{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
background-color: var(--app-color-blue); background-color: var(--ey-color-blue-green);
} }
} }
} }
// 悬浮 // 悬浮
.ivu-checkbox:hover .ivu-checkbox-inner{ .ivu-checkbox:hover .ivu-checkbox-inner{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
} }
\ No newline at end of file
.ivu-date-picker-transfer{
.ivu-date-picker-cells-cell-selected:hover em,
.ivu-date-picker-cells-cell-selected em{
background: var(--ey-color-blue-green);
color: var(--ey-color-white);
}
.ivu-date-picker-cells-cell-selected em{
box-shadow: inset 0 0 0 1px var(--ey-color-blue-green)
}
.ivu-date-picker-cells-cell-today em::after{
background-color: var(--ey-color-blue-green);
}
.ivu-date-picker-cells-focused em{
border-color: var(--ey-color-blue-green);
box-shadow: inset 0 0 0 1px var(--ey-color-blue-green)
}
.ivu-time-picker-cells-cell-selected{
color: var(--ey-color-blue-green);
}
.ivu-picker-panel-body-wrapper{
.ivu-picker-panel-body{
.ivu-picker-confirm{
.ivu-btn{
min-width: unset;
width: 45%;
padding: 5px;
margin: 8px 5px 0 5px ;
display: block;
float: left;
}
}
}
}
}
.ivu-date-picker{
.ivu-date-picker-editor{
.ivu-input-suffix{
.ivu-icon{
color: #2E2E38;
}
}
}
}
\ No newline at end of file
...@@ -2,25 +2,25 @@ ...@@ -2,25 +2,25 @@
padding: 0; padding: 0;
.ivu-date-picker-cells-cell-selected:hover em, .ivu-date-picker-cells-cell-selected:hover em,
.ivu-date-picker-cells-cell-selected em { .ivu-date-picker-cells-cell-selected em {
background: var(--app-color-blue); background: var(--ey-color-blue-green);
color: var(--app-color-white); color: var(--ey-color-white);
} }
.ivu-date-picker-cells-cell-selected em { .ivu-date-picker-cells-cell-selected em {
box-shadow: inset 0 0 0 1px var(--app-color-blue) box-shadow: inset 0 0 0 1px var(--ey-color-blue-green)
} }
.ivu-date-picker-cells-cell-today em::after { .ivu-date-picker-cells-cell-today em::after {
background-color: var(--app-color-blue); background-color: var(--ey-color-blue-green);
} }
.ivu-date-picker-cells-focused em { .ivu-date-picker-cells-focused em {
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
box-shadow: inset 0 0 0 1px var(--app-color-blue) box-shadow: inset 0 0 0 1px var(--ey-color-blue-green)
} }
.ivu-time-picker-cells-cell-selected { .ivu-time-picker-cells-cell-selected {
color: var(--app-color-blue); color: var(--ey-color-blue-green);
} }
.ivu-picker-panel-body-wrapper { .ivu-picker-panel-body-wrapper {
...@@ -60,4 +60,8 @@ ...@@ -60,4 +60,8 @@
} }
} }
} }
}
.ivu-date-picker-focused input{
box-shadow: none;
} }
\ No newline at end of file
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
.ivu-input-suffix{ .ivu-input-suffix{
right: 5px; right: 5px;
i{ i{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
} }
} }
} }
......
.ivu-form-item { .ivu-form-item {
margin-bottom: 10px; margin-bottom: 10px;
}
.ivu-form-item-error .ivu-input{
border:1px solid var(--app-color-red);
box-shadow: none;
}
.ivu-form-item-error .ivu-input:focus{
border:1px solid var(--app-color-red);
box-shadow: none;
} }
\ No newline at end of file
.ivu-input-number{ .ivu-input-number{
min-height: 34px; min-height: 34px;
line-height: 34px; line-height: 34px;
border-radius: 0; border-radius: 4px;
// 悬浮 // 悬浮
&:hover{ &:hover{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
&[disabled]:hover{ &[disabled]:hover{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
// 占位 // 占位
&::-webkit-input-placeholder{ &::-webkit-input-placeholder{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
} }
// 禁用 // 禁用
&.ivu-input-number-disabled{ &.ivu-input-number-disabled{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
background-color: var(--app-color-gray-250); background-color: var(--ey-color-gray-250);
} }
//聚焦
&:focus {
border-color: var(--ey-color-blue-green);
box-shadow: none;
}
} }
\ No newline at end of file
.ivu-input{ .ivu-input{
min-height: 34px; min-height: 34px;
line-height: 34px; line-height: 34px;
border-radius: 0; border-radius: 4px;
// 悬浮 // 悬浮
&:hover{ &:hover{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
&[disabled]:hover{ &[disabled]:hover{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
//聚焦 //聚焦
&:focus { &:focus {
box-shadow: 0 0 2px 0px #188ce5; border-color: var(--ey-color-blue-green);
box-shadow: none;
} }
// 占位 // 占位
&::-webkit-input-placeholder{ &::-webkit-input-placeholder{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
} }
// 禁用 // 禁用
&.ivu-input-disabled{ &.ivu-input-disabled{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
background-color: var(--app-color-gray-250); background-color: var(--ey-color-gray-250);
} }
} }
...@@ -28,7 +29,7 @@ ...@@ -28,7 +29,7 @@
.ivu-input-wrapper{ .ivu-input-wrapper{
.ivu-input-suffix{ .ivu-input-suffix{
i{ i{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
} }
} }
} }
\ No newline at end of file
...@@ -5,23 +5,26 @@ ...@@ -5,23 +5,26 @@
margin-right: 6px; margin-right: 6px;
width: 16px; width: 16px;
height: 16px; height: 16px;
.ivu-radio-inner{
border-width: 5px;
}
// 激活 // 激活
&.ivu-radio-checked{ &.ivu-radio-checked{
.ivu-radio-inner{ .ivu-radio-inner{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
&.ivu-radio-inner:after{ &.ivu-radio-inner:after{
background-color: var(--app-color-blue); display: none;
} }
} }
} }
} }
// 悬浮 // 悬浮
.ivu-radio:hover .ivu-radio-inner{ .ivu-radio:hover .ivu-radio-inner{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
// 禁用 // 禁用
.ivu-radio-disabled+span{ .ivu-radio-disabled+span{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
} }
} }
} }
\ No newline at end of file
.ivu-select{ .ivu-select{
.ivu-select-selection{ .ivu-select-selection{
min-height: 34px; min-height: 34px;
border-radius: 0; border-radius: 4px;
// 占位 // 占位
.ivu-select-input::-webkit-input-placeholder{ .ivu-select-input::-webkit-input-placeholder{
color:var(--app-color-gray-200); color:var(--ey-color-gray-200);
} }
// 禁用 // 禁用
.ivu-select-input[disabled]{ .ivu-select-input[disabled]{
color: var(--app-color-gray-200); color: var(--ey-color-gray-200);
-webkit-text-fill-color: var(--app-color-gray-200); -webkit-text-fill-color: var(--ey-color-gray-250);
} }
} }
// 悬浮 // 悬浮
.ivu-select-selection:hover{ .ivu-select-selection:hover{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
} }
} }
.ivu-select-dropdown{ .ivu-select-dropdown{
padding: 10px 0 10px; padding: 10px 0 10px;
.ivu-select-dropdown-list{ .ivu-select-dropdown-list{
.ivu-select-item{ .ivu-select-item{
color: var(--ey-color-gray-100);
// 激活 // 激活
&.ivu-select-item-selected{ &.ivu-select-item-selected{
color: var(--app-color-blue); color: var(--ey-color-white);
background-color: transparent; background-color: var(--ey-color-blue-green);
}
// 悬浮
&:hover{
color: var(--ey-color-black);
background-color: var(--ey-color-blue-green-110);
} }
} }
} }
}
.ivu-select-dropdown.ivu-select-multiple{
.ivu-select-dropdown-list{
.ivu-select-item{
// 多选激活
&.ivu-select-item-selected{
color: var(--ey-color-blue-green);
background-color: var(--ey-color-white);
}
}
}
}
.ivu-select-visible .ivu-select-selection{
border-color: var(--ey-color-blue-green);
box-shadow: none;
} }
\ No newline at end of file
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
.ivu-steps-head{ .ivu-steps-head{
.ivu-steps-head-inner{ .ivu-steps-head-inner{
margin-right: 10px; margin-right: 10px;
border-color: var(--app-color-gray-200); border-color: var(--ey-color-gray-200);
background-color: #fff; background-color: #fff;
span{ span{
color: #fff; color: #fff;
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
.ivu-steps-main{ .ivu-steps-main{
.ivu-steps-title{ .ivu-steps-title{
font-size: 14px; font-size: 14px;
color: var(--app-color-black); color: var(--ey-color-black);
} }
} }
} }
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
.ivu-steps-item.ivu-steps-status-process{ .ivu-steps-item.ivu-steps-status-process{
.ivu-steps-head{ .ivu-steps-head{
.ivu-steps-head-inner{ .ivu-steps-head-inner{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
span{ span{
color: #fff; color: #fff;
} }
...@@ -45,9 +45,9 @@ ...@@ -45,9 +45,9 @@
} }
.ivu-steps-head{ .ivu-steps-head{
.ivu-steps-head-inner{ .ivu-steps-head-inner{
border-color: var(--app-color-blue); border-color: var(--ey-color-blue-green);
.ivu-icon-ios-checkmark{ .ivu-icon-ios-checkmark{
color: var(--app-color-blue); color: var(--ey-color-blue-green);
transform: scale(1.5); transform: scale(1.5);
} }
} }
......
.ivu-tooltip-popper{ .ivu-tooltip-popper{
.ivu-tooltip-content{ .ivu-tooltip-content{
.ivu-tooltip-inner { .ivu-tooltip-inner {
padding: 4px 8px; padding: 10px;
font-size: 14px; font-size: 14px;
min-height: 31px; color: var(--ey-color-black);
background-color: var(--app-color-gray-100); background-color: var(--ey-color-gray-250);
box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
0px 3px 6px 0px rgba(0, 0, 0, 0.12); 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
border-radius: 2px; border-radius: 4px;
} }
} }
} }
...@@ -15,20 +15,20 @@ ...@@ -15,20 +15,20 @@
.ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow, .ivu-tooltip-popper[x-placement^=bottom] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=bottom-start] .ivu-tooltip-arrow, .ivu-tooltip-popper[x-placement^=bottom-start] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=bottom-end] .ivu-tooltip-arrow{ .ivu-tooltip-popper[x-placement^=bottom-end] .ivu-tooltip-arrow{
border-bottom-color: var(--app-color-gray-100); border-bottom-color: var(--ey-color-gray-250);
} }
.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow, .ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=top-start] .ivu-tooltip-arrow, .ivu-tooltip-popper[x-placement^=top-start] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=top-end] .ivu-tooltip-arrow{ .ivu-tooltip-popper[x-placement^=top-end] .ivu-tooltip-arrow{
border-top-color: var(--app-color-gray-100); border-top-color: var(--ey-color-gray-250);
} }
.ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow, .ivu-tooltip-popper[x-placement^=left] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=left-start] .ivu-tooltip-arrow, .ivu-tooltip-popper[x-placement^=left-start] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=left-end] .ivu-tooltip-arrow{ .ivu-tooltip-popper[x-placement^=left-end] .ivu-tooltip-arrow{
border-left-color: var(--app-color-gray-100); border-left-color: var(--ey-color-gray-250);
} }
.ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow, .ivu-tooltip-popper[x-placement^=right] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=right-start] .ivu-tooltip-arrow, .ivu-tooltip-popper[x-placement^=right-start] .ivu-tooltip-arrow,
.ivu-tooltip-popper[x-placement^=right-end] .ivu-tooltip-arrow{ .ivu-tooltip-popper[x-placement^=right-end] .ivu-tooltip-arrow{
border-right-color: var(--app-color-gray-100); border-right-color: var(--ey-color-gray-250);
} }
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册