From d2dab27afa054e97fbdc031a94cd876fa4f2618e Mon Sep 17 00:00:00 2001
From: zoujing <zoujing@gogpay.cn>
Date: Thu, 17 Sep 2026 11:05:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AF=A6=E6=83=85=E9=A1=B5=E8=BD=AE?=
 =?UTF-8?q?=E6=92=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages-sub/detail/index.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/pages-sub/detail/index.vue b/src/pages-sub/detail/index.vue
index 3601ce9..3950f3a 100644
--- a/src/pages-sub/detail/index.vue
+++ b/src/pages-sub/detail/index.vue
@@ -142,12 +142,24 @@ onShareAppMessage(() => ({
         </view>
       </view>
 
-      <!-- 头图 -->
+      <!-- 头图：多图自动轮播（≥2 张才启用），点击任意位置预览大图。
+           ⚠️ 点击必须绑在**最外层容器**上，不能只绑 <image>：上下两条 scrim 渐隐层与
+           指示点都是绝对定位的 <view>，会吃掉落在图片上的 tap，只绑 image 的话
+           只有中段一条窄带能点开预览。tap 默认冒泡，所以只在最外层绑一次即可
+           （image 上不要再绑，否则会连触两次）。 -->
       <view class="relative overflow-hidden bg-[#0E4432]">
-        <view class="relative h-[316px]">
-          <swiper class="w-full h-[316px] bg-[#0E4432]" :current="current" :circular="images.length > 1" @change="onSwiperChange">
+        <view class="relative h-[316px]" @click="onPreview(current)">
+          <swiper
+            class="w-full h-[316px] bg-[#0E4432]"
+            :current="current"
+            :circular="images.length > 1"
+            :autoplay="images.length > 1"
+            :interval="3500"
+            :duration="500"
+            @change="onSwiperChange"
+          >
             <swiper-item v-for="(url, i) in images" :key="i">
-              <image class="block w-full h-[316px]" :src="url" mode="aspectFill" @click="onPreview(i)" />
+              <image class="block w-full h-[316px]" :src="url" mode="aspectFill" />
             </swiper-item>
           </swiper>