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