123

components/detail-preview-popup/detail-preview-popup.vue

@@ -7,7 +7,7 @@
           <!-- 正面：商品图片 -->
           <view class="front">
             <view class="pic center relative">
-              <image :src="innerImgUrl" lazy-load></image>
+              <image :src="innerImgUrl" @click="toggleList" lazy-load></image>
               <view class="type-tag justify-center"
                 :style="{ backgroundColor: dataItem.shang_info ? dataItem.shang_info.color : '#000000' }"
                 v-if="innerTipTitle">{{ innerTipTitle }}</view>
@@ -16,7 +16,7 @@
           
           <!-- 背面：赏品列表 -->
           <view class="back">
-            <view class="list">
+            <view class="list"  @click="toggleList">
               <scroll-view :scroll-y="true">
                 <view class="res-list">
                   <view class="res-item" v-for="(item, i) in dataItem.children" :key="i">
@@ -39,7 +39,7 @@
       </view>
       
       <!-- 商品标题 -->
-      <view class="title">
+      <view class="title" @click="toggleList">
         <text class="hang1">{{ !showList?innerTitle:'抽中宝箱后，会在奖品列表中随机抽取一个奖品' }}</text>
       </view>
       
@@ -158,7 +158,9 @@ export default {
     
     // 切换列表显示状态，添加动画效果
     toggleList() {
-      this.showList = !this.showList;
+      if(this.isTips){
+        this.showList = !this.showList;
+      }
     },
     
     // 设置预览数据并打开弹窗