app/components/itemDetail/index.vue

@@ -8,7 +8,17 @@ const props = defineProps({
     default: null
   }
 })
-
+const images = [
+  'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/637d95b4-2ae9-4a74-bd60-a3a9d2ca2ca0.png',
+  'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/f7b65e23-ce21-41b4-8e58-9e6dc6950727.png',
+  'https://e-cdn.fontree.cn/fonchain-main/prod/file/default/setting/41eceb23-d168-4049-ae8e-48c5328b192f.png',
+];
+const clickSwipe=(index)=>{
+  showImagePreview({
+    images: images,
+    startPosition:index,
+  })
+}
 </script>
 
 <template>
@@ -16,6 +26,16 @@ const props = defineProps({
   <div class="flex justify-center">
     <xImage class="h-188px" :src="detailInfo?.artwork?.hdPic"></xImage>
   </div>
+<!--  <van-swipe style="height: 188px" indicator-color="#B4B4B4"   lazy-render >
+    <van-swipe-item v-for="(image,index) in images" :key="image" @click="clickSwipe(index)">
+      <van-image
+          fit="contain"
+          width="100%"
+          :height="188"
+          :src="image"
+      />
+    </van-swipe-item>
+  </van-swipe>-->
   <div class="px-[16px] bg-[#fff] pt-[11px] mb-6px">
     <div class="text-[#000] text-[16px] mb-[12px]">{{detailInfo?.artworkTitle}}</div>
     <div class="text-#575757 text-[14px] pb-8px">