页面优化

peng

2025-11-06 d68fb476c248c6c3ab974ea6b18d6bba638f12d8

 pages/product/m-buy/goods.vue

@@ -4,8 +4,8 @@
         <!-- 商品 -->
         <view class="goods-box bottom">
            <view class="goods-header">
               <view class="goods-img">
                  <!-- <u-image width="200rpx" border-radius="20" class="uimage" height="200rpx" :src="selectedSpecImg ? selectedSpecImg : goodsDetail.thumbnail"></u-image> -->
               <view class="goods-img" v-if="goodsDetail.specList && goodsDetail.specList.length > 0 && goodsDetail.specList[0].specImage.length > 0" @click="previewImageSpec">
                  <u-image width="200rpx" border-radius="20" class="uimage" height="200rpx" :src="selectedSpecImg ? selectedSpecImg : goodsDetail.thumbnail"></u-image>
               </view>
               <view class="goods-skus">
                  <!-- 有活动商品价格 -->
@@ -986,7 +986,20 @@
            this.selectedImages = [];
         }
      },
		
      // 预览模板图片
      previewImageSpec() {
         // 只预览当前选中的图片
         const url = this.selectedSpecImg ? this.selectedSpecImg : this.goodsDetail.thumbnail
         const urls = [url];
			
         // 调用uniapp原生API预览图片
         uni.previewImage({
            current: 0, // 当前显示图片的索引（只有一张图片，所以是0）
            urls: urls, // 需要预览的图片链接列表
            indicator: 'default', // 显示索引指示器
            loop: false // 只有一张图片，不需要循环预览
         });
      },
      // 预览模板图片
      previewImage(imgObject, index) {
         // 只预览当前选中的图片