组件

components/customPreviewImage/customPreviewImage.js

@@ -0,0 +1,32 @@
+// components/customPreviewImage/customPreviewImage.js
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        src: {
+            type: String,
+            value: '',
+        },
+        isShow: {
+            type: Boolean,
+            value: true
+        }
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        handleClose() {
+            this.triggerEvent("closeCallback")
+        }
+    }
+})

components/customPreviewImage/customPreviewImage.json

@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}

components/customPreviewImage/customPreviewImage.wxml

@@ -0,0 +1,6 @@
+<!--components/customPreviewImage/customPreviewImage.wxml-->
+<view class="preview-body" bindtap="handleClose">
+    <image src="{{src}}" mode="aspectFit" />
+</view>
+
+

components/customPreviewImage/customPreviewImage.wxss

@@ -0,0 +1,14 @@
+/* components/customPreviewImage/customPreviewImage.wxss */
+.preview-body {
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 10001;
+    background: rgba(0, 0, 0, 0.9);
+}
+.preview-body image {
+    width: 100%;
+    height: 100%;
+}