预览图

src/pages/index/index.vue

@@ -21,7 +21,7 @@
       <up-list @scrolltolower="scrolltolower" style="height:1120rpx">
       <up-list-item class="painting-box" v-for="(painting,index) in state.tableData" :key="index">
         <span style="display: flex; align-items: center;position: relative;" >
-          <up-image :show-loading="true" :src="painting.HdPic" width="100px" height="100px" @click="enlarge"></up-image>
+          <up-image :show-loading="true" :src="painting.HdPic" width="100px" height="100px" @click = "enlarge(painting.HdPic)"></up-image>
           <span style="display: flex; flex-direction: column; margin-left: 10px;">
             <span style="font-weight: bold;" >{{painting.ArtworkName}}</span>
             <span style="color:#BCBCBC;font-size: 16px;">画作编号：{{ painting.Tfnum }}</span>
@@ -186,7 +186,14 @@ const scrolltolower = async () => {
     showMessage({type: "error", message: res.msg});
   }
 };
+//点击照片预览
+const enlarge=(src) =>{
+  uni.previewImage({
+      urls: [src],
+      current: src
+  });
 
+}
 
 </script>