antd-mobile
Version:
<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />
74 lines (62 loc) • 1.54 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);
---border-inner: var(--border-inner);
---border-top: var(--border-top);
---border-bottom: var(--border-bottom);
}
.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-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: #666666;
}
.adm-form-item-label-required {
position: absolute;
left: -0.6em;
top: 0;
font-family: SimSun, sans-serif;
color: var(--adm-color-danger);
user-select: none;
}
.adm-form-item-label-help {
margin-left: 8px;
}
.adm-form-item-footer {
color: var(--adm-color-danger);
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;
--prefix-width: 6em;
}
.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: 30px;
margin-bottom: 8px;
}