详情切图

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({
-                urls: [this.img],
-            })
+            if (!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>