antd-mobile
Version:
<div align="center">
116 lines (95 loc) • 2.38 kB
CSS
.adm-form {
--border-inner: solid 2px var(--adm-border-color);
--border-top: solid 2px var(--adm-border-color);
--border-bottom: solid 2px var(--adm-border-color);
--prefix-width: 6.8em;
---border-inner: var(--border-inner);
---border-top: var(--border-top);
---border-bottom: var(--border-bottom);
---prefix-width: var(--prefix-width);
}
.adm-form .adm-list.adm-list {
--padding-left: 32px;
--padding-right: 24px;
--border-inner: var(---border-inner);
--border-top: var(---border-top);
--border-bottom: var(---border-bottom);
}
.adm-form .adm-form-footer {
padding: 40px 24px;
}
.adm-form .adm-form-item-horizontal.adm-list-item {
--prefix-width: var(---prefix-width);
}
.adm-form-list-operation {
text-align: center;
color: var(--adm-color-primary);
}
.adm-form-item + .adm-form-item {
border-top: none;
}
.adm-form-item-label {
display: block;
height: 100%;
line-height: 1.5;
box-sizing: border-box;
position: relative;
color: var(--adm-color-text-secondary);
}
.adm-form-item-label .adm-form-item-required-asterisk {
position: absolute;
left: -0.6em;
top: 0;
font-family: SimSun, sans-serif;
color: var(--adm-color-danger);
-webkit-user-select: none;
user-select: none;
}
.adm-form-item-label .adm-form-item-required-text {
margin-left: 8px;
color: var(--adm-color-weak);
}
.adm-form-item-label-help {
margin-left: 8px;
cursor: pointer;
}
.adm-form-item-child {
display: flex;
}
.adm-form-item-child-position-normal {
justify-content: normal;
}
.adm-form-item-child-position-normal > * {
flex: auto;
}
.adm-form-item-child-position-right {
justify-content: flex-end;
}
.adm-form-item-child-position-right > * {
flex: none;
}
.adm-form-item-feedback-error {
color: var(--adm-color-danger);
margin-top: 8px;
}
.adm-form-item-feedback-warning {
color: var(--adm-color-warning);
margin-top: 8px;
}
.adm-form-item.adm-form-item-hidden {
display: none;
}
.adm-form-item.adm-form-item-horizontal.adm-list-item {
--align-items: stretch;
}
.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
padding-top: 24px;
padding-bottom: 24px;
}
.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
align-self: center;
}
.adm-form-item.adm-form-item-vertical .adm-form-item-label {
font-size: var(--adm-font-size-7);
margin-bottom: 8px;
}