diff --git a/package2/group/groupBuySingle.vue b/package2/group/groupBuySingle.vue index 5e6fbbf..1025650 100644 --- a/package2/group/groupBuySingle.vue +++ b/package2/group/groupBuySingle.vue @@ -37,7 +37,7 @@ - + {{shopItem.shopName}} @@ -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);