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

update: 更新样式

上级 9f92a4e2
......@@ -8,6 +8,9 @@
.el-input__inner:hover{
border-color: var(--app-color-blue);
}
&.is-disabled .el-input__inner:hover{
border-color: var(--app-color-blue);
}
//聚焦
.el-input__inner:focus {
box-shadow: 0 0 2px 0px #188ce5;
......@@ -21,4 +24,8 @@
color: var(--app-color-gray-200);
background-color: var(--app-color-gray-250);
}
// 后缀图标
.el-input__suffix{
color: var(--app-color-gray-200);
}
}
\ No newline at end of file
.el-select{
// 悬浮
// 悬浮 select会压住input本身的
&:hover .el-input__inner{
border-color: var(--app-color-blue);
}
.el-input.is-disabled .el-input__inner:hover{
border-color: var(--app-color-blue);
}
}
\ No newline at end of file
.ivu-dropdown{
.ivu-dropdown-rel .ivu-input-wrapper{
// 后缀图标
.ivu-input-suffix{
right: 5px;
i{
color: var(--app-color-gray-200);
}
}
}
}
\ No newline at end of file
......@@ -3,3 +3,4 @@
@import './checkbox-group.scss';
@import './select.scss';
@import './input.scss';
@import './dropdown.scss';
\ No newline at end of file
......@@ -2,4 +2,20 @@
min-height: 34px;
line-height: 34px;
border-radius: 0;
// 悬浮
&:hover{
border-color: var(--app-color-blue);
}
&[disabled]:hover{
border-color: var(--app-color-blue);
}
// 占位
&::-webkit-input-placeholder{
color: var(--app-color-gray-200);
}
// 禁用
&.ivu-input-disabled{
color: var(--app-color-gray-200);
background-color: var(--app-color-gray-250);
}
}
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册