详情切图

components/Cn-htmlToImg/Cn-htmlToImg.vue

@@ -49,7 +49,7 @@ export default {
             }).catch((err) => {
                 console.log(err)
             })
-        }, 1000);
+        }, 300);
     }
   }
 }

manifest.json

@@ -2,7 +2,7 @@
     "name" : "灿能物联",
     "appid" : "__UNI__88BC25B",
     "description" : "",
-    "versionName" : "1.0.0",
+    "versionName" : "1.0.1",
     "versionCode" : "100",
     "transformPx" : false,
     /* 5+App特有相关 */

pages/device/APF/detail.vue

@@ -5,7 +5,8 @@
                 <view class="detail-header">
                     <Cn-htmlToImg domId="header" @renderFinish="renderFinish">
                         <view class="header" ref="header" @click="previewImg">
-                            <img src="https://i.328888.xyz/2023/03/13/vQhGC.jpeg" style="width: 100%;object-fit:cover" />
+                            <img src="https://cdn.xiaoriri.com/md-imgs/test2.png"
+                                style="width: 100%;height:475rpx;object-fit:cover" />
                             <view class="point" :style="{ left: '480rpx', top: '80rpx' }">负载THDI(%)
                                 <view class="grid-card mt10">
                                     <view class="grid-card-content-2">
@@ -273,9 +274,21 @@ export default {
             this.img = e
         },
         previewImg () {
-            uni.previewImage({
+            if (!this.img) {
-                urls: [this.img],
+                uni.showLoading({
-            })
+                    title: '图片生成中',
+                    mask: false
+                })
+                setTimeout(() => {
+                    this.previewImg()
+                }, 500);
+            } else {
+                uni.hideLoading()
+                uni.previewImage({
+                    urls: [this.img],
+                })
+            }
+
         }
     },
     onLoad (options) {

pages/device/DVR/detail.vue

@@ -4,7 +4,7 @@
             <view class='detail'>
                 <view class="detail-header">
                     <view class="header">
-                        <image src="../../../static/test2.png" mode="widthFix" style="width: 100%;" />
+                        <image src="https://cdn.xiaoriri.com/md-imgs/test2.png" mode="widthFix" style="width: 100%;" />
                     </view>
                     <!-- <view class="des">
                     <text>设备基础信息</text>