From 4308e0bbe4e9e108ad4573accaad334555b459be Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 22 Jan 2025 17:17:46 +0800
Subject: [PATCH] 跨端通讯，代码格式化变动
---
forms/imagePicker/CImagePreview.vue | 15 ++++++++++++---
1 files changed, 12 insertions(+), 3 deletions(-)
diff --git a/forms/imagePicker/CImagePreview.vue b/forms/imagePicker/CImagePreview.vue
index d36b9c3..bff6cce 100644
--- a/forms/imagePicker/CImagePreview.vue
+++ b/forms/imagePicker/CImagePreview.vue
@@ -11,9 +11,10 @@
mode="aspectFit"
:lazyLoad="true"
v-for="(img, index) of imgList"
- :src="img.thumb"
+ :src="loadFail[index] ? img.org : img.thumb"
:key="index"
@tap="evt => $preview({ current: img.org, urls: imgs })"
+ @error="evt => handleLoadError(index)"
/>
</view>
</template>
@@ -48,11 +49,13 @@
},
},
data() {
- return {};
+ return {
+ loadFail: [],
+ };
},
computed: {
imgList() {
- return this.imgs.map(img => ({
+ return this.imgs.map((img, index) => ({
org: img,
thumb: this.useThumb
? img.replace(/(.*?)(\.(png|jpg|jpeg|gif))$/, '$1_thumb$2')
@@ -61,6 +64,12 @@
},
},
methods: {
+ handleLoadError(index) {
+ while (this.loadFail.length - 1 < index) {
+ this.loadFail.push(false);
+ }
+ this.loadFail.splice(index, 1, true);
+ },
// option { current, urls }
$preview(option) {
// 网页模式下，增加缩放操作
--
Gitblit v1.9.1