diff --git a/pages/shop/sj-info-change.vue b/pages/shop/sj-info-change.vue index aaa22e8..08ec4fb 100644 --- a/pages/shop/sj-info-change.vue +++ b/pages/shop/sj-info-change.vue @@ -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; }