样式修改
This commit is contained in:
parent
f8cf409141
commit
345cc91660
|
|
@ -1178,13 +1178,22 @@
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
/* 调整表单项为 flex 布局,左侧固定宽度,右侧自适应 */
|
||||
.form-item-two {
|
||||
display: flex;
|
||||
align-items: flex-start; /* 顶部对齐,适应多行文本 */
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
/* 左侧标签:固定宽度,不换行 */
|
||||
.form-item-two > text.label {
|
||||
flex-shrink: 0;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.input {
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
|
|
@ -1196,19 +1205,30 @@
|
|||
color: #999999;
|
||||
}
|
||||
|
||||
/* 右侧内容区域:占据剩余空间,内部使用 flex 行内布局 */
|
||||
.picker-content {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 16rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.picker-value {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.arrow-right {
|
||||
width: 14rpx;
|
||||
height: 26rpx;
|
||||
flex-shrink: 0;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue