From 345cc91660bccdaed0f535233272a29686937c56 Mon Sep 17 00:00:00 2001
From: BAKEYi <16298417+bakeyi@user.noreply.gitee.com>
Date: Wed, 1 Apr 2026 14:11:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/shop/sj-info-change.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

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;
 	}