From 54bf1c5700e3135de83c5c2ebf6fafa636ec1c8f Mon Sep 17 00:00:00 2001
From: LinCyJang <linxi957440651@163.com>
Date: Mon, 23 Mar 2026 22:07:06 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A4965=20=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E4=BD=93=E9=AA=8C=E5=88=B8?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E9=A1=B5=E9=9D=A2=EF=BC=8C=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=A5=97=E9=A4=90=E4=BF=A1=E6=81=AF=E4=BD=8D=E7=BD=AE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_product/views/experienceCoupon.vue | 27 +++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/pkg_product/views/experienceCoupon.vue b/pkg_product/views/experienceCoupon.vue
index 6919d02..dd0588d 100644
--- a/pkg_product/views/experienceCoupon.vue
+++ b/pkg_product/views/experienceCoupon.vue
@@ -316,15 +316,15 @@ export default {
             根据您的套餐，您有 <view class="num-badge">{{ totalCount }}</view> 张体验券可以选择
           </view>
           <view class="line-status flex ai-center">
-            <view class="status-pill flex ai-center">
-              <u-icon name="checkmark-circle" color="#fff" size="14" style="margin-left: 6rpx;" />
-              <text class="status-text">已选清单</text>
-              <view class="count-badge">{{ selectedCount }}/{{ totalCount }}</view>
+            <view class="status-pill flex ai-center" style="flex-shrink: 0;">
+              <u-icon name="checkmark-circle" color="#fff" size="14" style="margin-left: 6rpx; flex-shrink: 0;" />
+              <text class="status-text" style="white-space: nowrap;">已选清单</text>
+              <view class="count-badge" style="white-space: nowrap;">{{ selectedCount }}/{{ totalCount }}</view>
             </view>
-            <view class="date-info flex ai-center">
-              <text>请在</text>
-              <view class="date-badge">{{ expireDate }}</view>
-              <text>内选择使用</text>
+            <view class="date-info flex ai-center" style="flex-shrink: 0;">
+              <text style="white-space: nowrap;">请在</text>
+              <view class="date-badge" style="white-space: nowrap;">{{ expireDate }}</view>
+              <text style="white-space: nowrap;">内选择使用</text>
             </view>
           </view>
           <view class="line-library flex ai-center">
@@ -553,13 +553,21 @@ export default {
   justify-content: flex-end;
   gap: 16rpx;
   margin-bottom: 24rpx;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  white-space: nowrap;
+}
+/* 隐藏滚动条 */
+.line-status::-webkit-scrollbar {
+  display: none;
 }
 .status-pill {
   background: #C52733;
   padding: 6rpx 6rpx 6rpx 20rpx;
   border-radius: 32rpx;
   color: #fff;
-  font-size: 26rpx;
+  font-size: 22rpx;
+  white-space: nowrap;
 }
 .status-text {
   margin-right: 12rpx;
@@ -593,6 +601,7 @@ export default {
 .date-info {
   font-size: 26rpx;
   color: #fff;
+  white-space: nowrap;
 }
 .date-badge {
   background: #C52733;