style: 修正表单标签对齐问题并更新 Ant Select 样式
This commit is contained in:
@ -35,6 +35,74 @@
|
|||||||
&.ant-select-status-error {
|
&.ant-select-status-error {
|
||||||
border-color: $color-error !important;
|
border-color: $color-error !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-select {
|
||||||
|
.ant-select-selector {
|
||||||
|
height: 32px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ant-select-lg {
|
||||||
|
.ant-select-selector {
|
||||||
|
height: 36px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ant-select-sm {
|
||||||
|
.ant-select-selector {
|
||||||
|
height: 28px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ant-select-multiple {
|
||||||
|
.ant-select-selector {
|
||||||
|
padding: 0 12px 0 4px !important;
|
||||||
|
|
||||||
|
.ant-select-selection-overflow-item {
|
||||||
|
.ant-select-selection-item {
|
||||||
|
border-radius: 4px;
|
||||||
|
background: #E6E6E8;
|
||||||
|
border: none;
|
||||||
|
padding: 1px 8px;
|
||||||
|
|
||||||
|
.ant-select-selection-item-remove {
|
||||||
|
color: #737478;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ant-select-lg {
|
||||||
|
.ant-select-selector {
|
||||||
|
.ant-select-selection-overflow-item {
|
||||||
|
.ant-select-selection-item {
|
||||||
|
height: 24px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ant-select-sm {
|
||||||
|
.ant-select-selector {
|
||||||
|
.ant-select-selection-overflow-item {
|
||||||
|
.ant-select-selection-item {
|
||||||
|
height: 22px;
|
||||||
|
line-height: 22px;
|
||||||
|
|
||||||
|
.ant-select-selection-item-content {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-select.ant-select-single {
|
.ant-select.ant-select-single {
|
||||||
@ -52,18 +120,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ant-select.ant-select-multiple {
|
|
||||||
.ant-select-selection-search-input {
|
|
||||||
min-height: 32px !important;
|
|
||||||
}
|
|
||||||
&.ant-select-lg {
|
|
||||||
.ant-select-selection-search-input {
|
|
||||||
min-height: 36px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.ant-select-sm {
|
|
||||||
.ant-select-selection-search-input {
|
|
||||||
min-height: 28px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@ -287,7 +287,7 @@ export default {
|
|||||||
model={form.value}
|
model={form.value}
|
||||||
rules={rules}
|
rules={rules}
|
||||||
layout="horizontal"
|
layout="horizontal"
|
||||||
labelAlign="right"
|
labelAlign="right"
|
||||||
labelCol={{ span: 4 }}
|
labelCol={{ span: 4 }}
|
||||||
wrapperCol={{ span: 20 }}
|
wrapperCol={{ span: 20 }}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user