From eb7bce2289148efac4a9293847cdc0cdd3f6c342 Mon Sep 17 00:00:00 2001
From: zoujing <zoujing@gogpay.cn>
Date: Tue, 22 Sep 2026 17:09:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B1=95=E7=A4=BA=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BenefitCard/index.vue | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/BenefitCard/index.vue b/src/components/BenefitCard/index.vue
index 35b3d02..b46ff84 100644
--- a/src/components/BenefitCard/index.vue
+++ b/src/components/BenefitCard/index.vue
@@ -74,8 +74,8 @@ const slogan = computed(() =>
 
 const validText = computed(() => {
   const { valid_until: until, valid_days: days } = b.value;
-  if (until) return `有效期至 ${dotDate(until)}`;
-  if (days) return `有效期：${days} 天`;
+  if (until) return `有效至 ${dotDate(until)}`;
+  if (days) return `有效期 ${days} 天`;
   return "长期有效";
 });
 
@@ -197,16 +197,15 @@ const onTap = () => {
         <view class="min-w-0 flex-1 line-clamp-1">{{ b.title || b.special_notes || b.description || b.merchant_name || "" }}</view>
       </view>
 
-      <!-- ④ 有效期 + 第二项随态 -->
+      <!-- ④ 有效期 + 第二项随态（有效期恒完整；第二项空间不足时收缩截断，避免整行溢出） -->
       <view class="flex items-center gap-2 mt-auto text-[10px] text-ink3">
-        <view v-if="validText" class="flex items-center gap-[3.5px] shrink-0 whitespace-nowrap">
+        <view class="shrink-0 flex items-center gap-[3.5px] whitespace-nowrap">
           <AppIcon name="clock" tone="ink3" :size="12" />
           <text>{{ validText }}</text>
         </view>
-        <view class="flex items-center gap-[3.5px] shrink-0 whitespace-nowrap"
-          :class="secondMeta.ok ? 'text-[#00A46C]' : ''">
-          <AppIcon :name="secondMeta.icon" :tone="secondMeta.ok ? 'brand' : 'ink3'" :size="12" />
-          <text>{{ secondMeta.text }}</text>
+        <view class="min-w-0 flex-1 flex items-center gap-[3.5px]" :class="secondMeta.ok ? 'text-[#00A46C]' : ''">
+          <AppIcon :name="secondMeta.icon" :tone="secondMeta.ok ? 'brand' : 'ink3'" :size="12" class="shrink-0" />
+          <view class="min-w-0 line-clamp-1">{{ secondMeta.text }}</view>
         </view>
       </view>
     </view>