perf: the form collection component optimized on the mobile(#2467)
This commit is contained in:
parent
ea9c5e0ee8
commit
a738932e68
@ -5,8 +5,9 @@
|
|||||||
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
||||||
<el-card
|
<el-card
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
class="item"
|
class="item break-all"
|
||||||
shadow="never"
|
shadow="never"
|
||||||
|
style="--el-card-padding: 12px 16px"
|
||||||
:class="[
|
:class="[
|
||||||
inputDisabled ? 'is-disabled' : '',
|
inputDisabled ? 'is-disabled' : '',
|
||||||
modelValue == item[valueField] ? 'active' : ''
|
modelValue == item[valueField] ? 'active' : ''
|
||||||
@ -93,8 +94,8 @@ const option_list = computed(() => {
|
|||||||
color: var(--el-color-primary);
|
color: var(--el-color-primary);
|
||||||
}
|
}
|
||||||
.item {
|
.item {
|
||||||
|
line-height: 22px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
height: 38px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@ -419,6 +419,6 @@
|
|||||||
color: var(--el-checkbox-text-color);
|
color: var(--el-checkbox-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-popper {
|
.el-table .el-popper {
|
||||||
max-width: 500px !important;
|
max-width: 500px !important;
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user