提交 825b2707 编写于 作者: LUCIFER-ZHU's avatar LUCIFER-ZHU

update: 更新样式

上级 c955c5be
.ivu-auto-complete {
.ivu-select-dropdown-list {
height: 300px;
}
}
.el-autocomplete{ .el-autocomplete{
.el-input{ .el-input{
font-size: 14px; font-size: 14px;
input{
border-radius: 0;
}
input:hover{
border-color: var(--app-color-blue);
}
} }
} }
\ No newline at end of file
...@@ -2,4 +2,5 @@ ...@@ -2,4 +2,5 @@
@import './menu.scss'; @import './menu.scss';
@import './autocomplete.scss'; @import './autocomplete.scss';
@import './input.scss'; @import './input.scss';
@import './stepper.scss'; @import './stepper.scss';
\ No newline at end of file @import './select.scss';
\ No newline at end of file
.el-input{ .el-input{
input{
border-radius: 0;
}
.el-input__inner{ .el-input__inner{
height: 34px; border-radius: 0;
min-height: 34px;
line-height: 34px; line-height: 34px;
} }
// 悬浮
.el-input__inner:hover{
border-color: var(--app-color-blue);
}
// 占位
.el-input__inner::-webkit-input-placeholder{
color: var(--app-color-gray-200);
}
// 禁用
&.is-disabled .el-input__inner{
color: var(--app-color-gray-200);
background-color: var(--app-color-gray-250);
}
} }
\ No newline at end of file
.el-select{
// 悬浮
&:hover .el-input__inner{
border-color: var(--app-color-blue);
}
}
\ No newline at end of file
...@@ -5,13 +5,19 @@ ...@@ -5,13 +5,19 @@
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-right: 6px; margin-right: 6px;
// 激活
&.ivu-checkbox-checked{ &.ivu-checkbox-checked{
border-color: var(--app-color-blue); border-color: var(--app-color-blue);
background-color: var(--app-color-blue); background-color: var(--app-color-blue);
} }
} }
// 悬浮
.ivu-checkbox:hover .ivu-checkbox-inner{ .ivu-checkbox:hover .ivu-checkbox-inner{
border-color: var(--app-color-blue); border-color: var(--app-color-blue);
} }
// 禁用
.ivu-checkbox-disabled+span{
color: var(--app-color-gray-250);
}
} }
} }
\ No newline at end of file
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
.ivu-checkbox-inner{ .ivu-checkbox-inner{
border-radius: 0; border-radius: 0;
} }
// 激活
&.ivu-checkbox-checked { &.ivu-checkbox-checked {
.ivu-checkbox-inner{ .ivu-checkbox-inner{
border-color: var(--app-color-blue); border-color: var(--app-color-blue);
...@@ -10,7 +11,8 @@ ...@@ -10,7 +11,8 @@
} }
} }
} }
// 悬浮
.ivu-checkbox:hover .ivu-checkbox-inner{ .ivu-checkbox:hover .ivu-checkbox-inner{
border-color: var(--app-color-blue); border-color: var(--app-color-blue);
} }
} }
\ No newline at end of file
.ivu-input{ .ivu-input{
height: 34px; min-height: 34px;
line-height: 34px; line-height: 34px;
border-radius: 0; border-radius: 0;
} }
\ No newline at end of file
...@@ -4,7 +4,8 @@ ...@@ -4,7 +4,8 @@
.ivu-radio{ .ivu-radio{
margin-right: 6px; margin-right: 6px;
width: 16px; width: 16px;
height: 16px; height: 16px;
// 激活
&.ivu-radio-checked{ &.ivu-radio-checked{
.ivu-radio-inner{ .ivu-radio-inner{
border-color: var(--app-color-blue); border-color: var(--app-color-blue);
...@@ -14,8 +15,13 @@ ...@@ -14,8 +15,13 @@
} }
} }
} }
// 悬浮
.ivu-radio:hover .ivu-radio-inner{ .ivu-radio:hover .ivu-radio-inner{
border-color: var(--app-color-blue); border-color: var(--app-color-blue);
} }
// 禁用
.ivu-radio-disabled+span{
color: var(--app-color-gray-200);
}
} }
} }
\ No newline at end of file
.ivu-select{ .ivu-select{
.ivu-select-selection{ .ivu-select-selection{
height: 34px; min-height: 34px;
border-radius: 0; border-radius: 0;
input::-webkit-input-placeholder{ // 占位
.ivu-select-input::-webkit-input-placeholder{
color:var(--app-color-gray-200); color:var(--app-color-gray-200);
} }
// 禁用
.ivu-select-input[disabled]{
color: var(--app-color-gray-200);
-webkit-text-fill-color: var(--app-color-gray-200);
}
} }
.ivu-select-input[disabled]{ // 悬浮
color: var(--app-color-gray-200); .ivu-select-selection:hover{
-webkit-text-fill-color: var(--app-color-gray-200); border-color: var(--app-color-blue);
} }
} }
...@@ -16,6 +22,7 @@ ...@@ -16,6 +22,7 @@
padding: 10px 0 10px; padding: 10px 0 10px;
.ivu-select-dropdown-list{ .ivu-select-dropdown-list{
.ivu-select-item{ .ivu-select-item{
// 激活
&.ivu-select-item-selected{ &.ivu-select-item-selected{
color: var(--app-color-blue); color: var(--app-color-blue);
background-color: transparent; background-color: transparent;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册