From eadcece83dde52c4a7dbaf58cf1e8157b2e5969d Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 08 May 2024 15:06:02 +0800
Subject: [PATCH] 修复卡片组件CCardAction高度显示异常的问题
---
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