@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 5 kB
CSS
.nut-form-item{display:flex;line-height:unset}.nut-form-item-disabled{opacity:.4;pointer-events:none}.nut-form-item-label{display:flex;flex-direction:row;font-size:var(--nutui-form-item-label-font-size, var(--nutui-font-size-2, 15px));font-weight:400;width:var(--nutui-form-item-label-width, 90px);margin-right:var(--nutui-form-item-label-margin-right, var(--nutui-spacing-3, 16px));flex:0 0 auto;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left);line-height:unset}.nut-form-item-label-required{color:var(--nutui-form-item-required-color, var(--nutui-color-error, #ff4949));margin-right:var(--nutui-form-item-required-margin-right, 4px);display:block;position:absolute;left:-10px}.nut-form-item .nut-form-item-labeltxt{position:relative;font-size:12px}.nut-form-item-body{flex:1;display:flex;flex-direction:column}.nut-form-item-body-slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item-body-slots .nut-input{padding:0;border:0}.nut-form-item-body-slots .nut-input-container{height:auto}.nut-form-item-body-slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, var(--nutui-font-size-2, 15px));text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-color-title, #0d0d0d);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item-body-slots .nut-range-container{min-height:24px}.nut-form-item-body-slots .nut-textarea{padding:0}.nut-form-item-body-slots .nut-textarea .nut-textarea-textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item-body-tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, var(--nutui-font-size-1, 13px));color:var(--nutui-form-item-error-message-color, var(--nutui-color-error, #ff4949))}[dir=rtl] .nut-form-item-label,.nut-rtl .nut-form-item-label{text-align:right;margin-right:0;margin-left:var(--nutui-form-item-label-margin-right, var(--nutui-spacing-3, 16px))}[dir=rtl] .nut-form-item-label .required:before,.nut-rtl .nut-form-item-label .required:before{margin-right:0;margin-left:var(--nutui-form-item-required-margin-right, 4px)}[dir=rtl] .nut-form-item-body-slots,.nut-rtl .nut-form-item-body-slots{text-align:right}[dir=rtl] .nut-form-item-body-slots .nut-icon-ArrowRight,[dir=rtl] .nut-form-item-body-slots .nut-icon-ArrowLeft,.nut-rtl .nut-form-item-body-slots .nut-icon-ArrowRight,.nut-rtl .nut-form-item-body-slots .nut-icon-ArrowLeft{transform:rotateY(180deg)}[dir=rtl] .nut-form-item-body-slots .nut-input-text,.nut-rtl .nut-form-item-body-slots .nut-input-text,[dir=rtl] .nut-form-item-body-slots .nut-textarea-textarea,.nut-rtl .nut-form-item-body-slots .nut-textarea-textarea,[dir=rtl] .nut-form-item-tips,.nut-rtl .nut-form-item-tips{text-align:right}.nut-form-item-label-right{justify-content:flex-end;padding-right:24px;white-space:nowrap}.nut-form-item-label-left{position:relative;padding-left:12px;white-space:nowrap}.nut-form-item-label-left-required{display:block;line-height:1.5;position:absolute;left:.1em}.nut-form-item-top{flex-direction:column;align-items:flex-start;white-space:nowrap}.nut-form-item-label-top{display:block;padding-bottom:4px;padding-right:24px}.nut-form-item-body-top{margin-left:0;width:100%}[dir=rtl] .form-layout-right .nut-form-item-label,.nut-rtl .form-layout-right .nut-form-item-label{text-align:left;padding-right:0;padding-left:24px}[dir=rtl] .form-layout-left .nut-form-item-label,.nut-rtl .form-layout-left .nut-form-item-label{text-align:right;padding-left:0;padding-right:12px}[dir=rtl] .form-layout-left .nut-form-item-label .required,.nut-rtl .form-layout-left .nut-form-item-label .required{left:auto;right:.1em}[dir=rtl] .form-layout-top .nut-form-item-label,.nut-rtl .form-layout-top .nut-form-item-label{padding-right:0;padding-left:24px}[dir=rtl] .form-layout-top .nut-form-item-body,.nut-rtl .form-layout-top .nut-form-item-body{margin-left:0;margin-right:0}.mj-form-item{border-radius:0;padding:var(--nutui-form-item-vertical-padding, var(--nutui-spacing-3, 16px)) var(--nutui-form-item-horizontal-padding, 0);line-height:var(--nutui-cell-line-height, 24px)}.mj-form-item-label-wrap{display:flex;align-items:center}.mj-form-item-label-wrap .mj-form-item-label{margin-right:2px}.mj-form-item .nut-form-item-labeltxt{display:flex}.mj-form-item .nut-form-item-label{width:auto}.mj-form-item .nut-form-item-label-required{margin:0 2px;color:var(--nutui-form-item-required-color, var(--nutui-color-error, #ff4949));margin-right:var(--nutui-form-item-required-margin-right, 4px);display:block;position:absolute;left:-10px}.mj-form-item-vertical{flex-direction:column}.mj-form-item-vertical .nut-form-item-body{width:100%;margin-top:var(--nutui-form-item-vertical-gap, var(--nutui-spacing-1, 8px))}.mj-form-item-divider{border-bottom:var(--nutui-cell-divider-border-bottom, .5px solid var(--nutui-color-border, #e6e6e6))}.nut-form-item-body-left{line-height:1.5}