出库时可预览放大图片

src/pages/detail/index.vue

@@ -34,7 +34,7 @@
         <span style="margin-top: 20rpx">画家：{{ state.drawerName }}</span>
         <span style="margin-top: 20rpx">预览图：</span>
         <view class="image-container">
-          <up-image :src="state.drawThumbnail"></up-image>
+          <up-image :src="state.drawThumbnail" @click="enlarge(state.drawThumbnail)"></up-image>
         </view>
       </view>
     </view>
@@ -163,6 +163,13 @@ const getBtngetRules = async () => {
     showMessage({ type: "error", message: res.msg });
   }
 };
+//点击照片预览
+const enlarge = (src) => {
+  uni.previewImage({
+    urls: [src],
+    current: src,
+  });
+};
 </script>
 
 <style lang="scss" scoped>