mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
43 lines (42 loc) • 1.38 kB
CSS
.momo-form-item .adm-list-item-content-main {
display: flex;
flex-direction: column;
}
.momo-form-item .adm-form-item-child {
flex: 1;
height: 100%;
}
.momo-form-item .adm-form-item-child-inner {
display: flex;
align-items: center;
}
.momo-form-item-start .adm-form-item-child-inner {
justify-content: flex-start;
}
.momo-form-item-start .adm-form-item-child-inner .adm-input:not(.adm-stepper-input) .adm-input-element,
.momo-form-item-start .adm-form-item-child-inner .adm-text-area-element {
text-align: left;
}
.momo-form-item-start .adm-form-item-child-inner .adm-space-block {
align-items: flex-start;
}
.momo-form-item-center .adm-form-item-child-inner {
justify-content: center;
}
.momo-form-item-center .adm-form-item-child-inner .adm-input:not(.adm-stepper-input) .adm-input-element,
.momo-form-item-center .adm-form-item-child-inner .adm-text-area-element {
text-align: center;
}
.momo-form-item-center .adm-form-item-child-inner .adm-space-block {
align-items: center;
}
.momo-form-item-end .adm-form-item-child-inner {
justify-content: flex-end;
}
.momo-form-item-end .adm-form-item-child-inner .adm-input:not(.adm-stepper-input) .adm-input-element,
.momo-form-item-end .adm-form-item-child-inner .adm-text-area-element {
text-align: right;
}
.momo-form-item-end .adm-form-item-child-inner .adm-space-block {
align-items: flex-end;
}