121 lines
3.0 KiB
CSS
121 lines
3.0 KiB
CSS
|
/* Less 支持测试 - 监听功能验证 */
|
||
|
|
.t-form-item {
|
||
|
|
position: relative;
|
||
|
|
display: flex;
|
||
|
|
align-items: flex-start;
|
||
|
|
justify-content: var(--td-form-item-justify-content, space-between);
|
||
|
|
width: 100%;
|
||
|
|
padding: var(--td-form-item-horizontal-padding, 32rpx) var(--td-form-item-vertical-padding, 32rpx);
|
||
|
|
background-color: #ffffff;
|
||
|
|
--td-input-vertical-padding: 0rpx;
|
||
|
|
--td-textarea-vertical-padding: 0rpx;
|
||
|
|
--td-textarea-horizontal-padding: 0rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.t-form-item--top {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.t-form-item--bordered {
|
||
|
|
border-bottom: 1rpx solid var(--td-border-color, var(--td-gray-color-3, #e7e7e7));
|
||
|
|
}
|
||
|
|
.t-form-item--error .t-form-item__error {
|
||
|
|
color: var(--td-error-color, var(--td-error-color-6, #d54941));
|
||
|
|
}
|
||
|
|
.t-form-item--success .t-form-item__success {
|
||
|
|
color: var(--td-success-color, var(--td-success-color-5, #2ba471));
|
||
|
|
}
|
||
|
|
.t-form-item__label {
|
||
|
|
position: relative;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
width: var(--td-form-item-label-width, 160rpx);
|
||
|
|
margin-right: 16rpx;
|
||
|
|
font-size: var(--td-font-size-m, 32rpx);
|
||
|
|
color: var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
|
||
|
|
line-height: 1.5;
|
||
|
|
}
|
||
|
|
.t-form-item__label--required {
|
||
|
|
color: var(--td-error-color, var(--td-error-color-6, #d54941));
|
||
|
|
margin-right: 4rpx;
|
||
|
|
}
|
||
|
|
.t-form-item__label--colon {
|
||
|
|
margin-left: 4rpx;
|
||
|
|
}
|
||
|
|
.t-form-item__label--left {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: flex-start;
|
||
|
|
}
|
||
|
|
.t-form-item__label--right {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
.t-form-item__label--top {
|
||
|
|
position: relative;
|
||
|
|
margin-right: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.t-form-item__controls {
|
||
|
|
flex: 1;
|
||
|
|
width: 100%;
|
||
|
|
margin-top: 8rpx;
|
||
|
|
}
|
||
|
|
.t-form-item__controls--left {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.t-form-item__controls--right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.t-form-item__controls-content {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.t-form-item__help {
|
||
|
|
font-size: var(--td-font-size-m, 32rpx);
|
||
|
|
color: var(--td-font-gray-1, rgba(0, 0, 0, 0.9));
|
||
|
|
line-height: 1.4;
|
||
|
|
}
|
||
|
|
.t-form-item__desc-link {
|
||
|
|
margin-top: 8rpx;
|
||
|
|
color: var(--td-primary-color-7, #0052d9);
|
||
|
|
font-size: var(--td-font-size-s, 24rpx);
|
||
|
|
line-height: 1.4;
|
||
|
|
}
|
||
|
|
.t-form-item__error {
|
||
|
|
margin-top: 4rpx;
|
||
|
|
font-size: var(--td-font-size-s, 24rpx);
|
||
|
|
line-height: 1.4;
|
||
|
|
}
|
||
|
|
.t-form-item__error--error {
|
||
|
|
color: var(--td-error-color, var(--td-error-color-6, #d54941));
|
||
|
|
}
|
||
|
|
.t-form-item__error--warning {
|
||
|
|
color: var(--td-warning-color, var(--td-warning-color-5, #e37318));
|
||
|
|
}
|
||
|
|
.t-form-item__success {
|
||
|
|
margin-top: 4rpx;
|
||
|
|
font-size: var(--td-font-size-s, 24rpx);
|
||
|
|
color: var(--td-success-color, var(--td-success-color-5, #2ba471));
|
||
|
|
line-height: 1.4;
|
||
|
|
}
|
||
|
|
.t-form-item__arrow {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-left: 8rpx;
|
||
|
|
color: var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
|
||
|
|
}
|
||
|
|
.t-form-item__extra {
|
||
|
|
margin-left: 16rpx;
|
||
|
|
}
|
||
|
|
.desc-wrapper {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: 12rpx;
|
||
|
|
height: 50rpx;
|
||
|
|
--td-button-font-weight: 400;
|
||
|
|
}
|