1

package2/group/groupBuySingle.vue

@@ -37,7 +37,7 @@
 					</view>
 					<view class="shop-content" @tap="goDetail('shopDetail')">
 						<view class="shop-name-row">
-							<view class="shop-name">
+							<view class="shop-name" :class="shopNameSizeClass">
 								{{shopItem.shopName}}
 							</view>
 							<view class="shop-action-btn shop-share-action" @tap.stop="openShopSharePoster">
@@ -968,6 +968,12 @@
 					? '约上好友一起拼，越快成团越快开吃'
 					: '约上室友同学一起拼，越快成团越快开吃'
 			},
+			shopNameSizeClass() {
+				const nameLength = String(this.shopItem.shopName || '').length;
+				if (nameLength >= 16) return 'shop-name--xlong';
+				if (nameLength >= 11) return 'shop-name--long';
+				return '';
+			},
 			liveSlogan() {
 				return this.isSocialArea
 					? '你知道吗？拼团和柴米油盐一样重要！'
@@ -2887,6 +2893,7 @@
 	.shop-img {
 		width: 160rpx;
 		height: 160rpx;
+		flex: 0 0 160rpx;
 		position: relative;
 
 		img {
@@ -2902,14 +2909,15 @@
 	}
 
 	.shop-content {
-		flex: 1;
+		flex: 1 1 0;
+		min-width: 0;
 		padding-left: 20rpx;
 
 	}
 
 	.shop-name-row {
 		display: flex;
-		align-items: center;
+		align-items: flex-start;
 		gap: 14rpx;
 	}
 
@@ -2917,10 +2925,20 @@
 		flex: 1;
 		min-width: 0;
 		font-size: 32rpx;
+		line-height: 42rpx;
 		font-weight: 900;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
+		white-space: normal;
+		word-break: break-all;
+	}
+
+	.shop-name--long {
+		font-size: 28rpx;
+		line-height: 38rpx;
+	}
+
+	.shop-name--xlong {
+		font-size: 24rpx;
+		line-height: 34rpx;
 	}
 
 	.shop-content-center {
@@ -3001,6 +3019,7 @@
 	}
 
 	.shop-share-action {
+		flex: 0 0 auto;
 		background: linear-gradient(90deg, #fff5d6 0%, #e3ff96 100%);
 		color: #8a4b10;
 		border-color: rgba(255, 209, 108, 0.72);