From 574b9e931d0e31e2d69f34248184f0c43d74ab18 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期二, 19 八月 2025 17:15:56 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
packages/components/src/Image/PreviewImage.vue | 16 ++++++++++++++--
1 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/packages/components/src/Image/PreviewImage.vue b/packages/components/src/Image/PreviewImage.vue
index 7104b41..494d302 100644
--- a/packages/components/src/Image/PreviewImage.vue
+++ b/packages/components/src/Image/PreviewImage.vue
@@ -1,6 +1,12 @@
<template>
<div :class="['preview-image-wrapper', wrapperClassName]">
- <Image @tap="handeClick" :mode="mode" :src="src" v-bind="$attrs" />
+ <!-- <Image @tap="handeClick" :mode="mode" :src="src" v-bind="$attrs" /> -->
+ <div
+ class="preview-image-div"
+ :style="{ backgroundImage: `url(${src})` }"
+ v-bind="$attrs"
+ @tap="handeClick"
+ ></div>
</div>
</template>
@@ -29,7 +35,6 @@
() => props.src,
() => {
if (props.src) {
- console.log('props.src: ', props.src);
Taro.getImageInfo({
src: props.src,
success(result) {
@@ -64,5 +69,12 @@
width: 100%;
height: 100%;
overflow: hidden;
+
+ .preview-image-div {
+ width: 100%;
+ height: 100%;
+ background-size: cover;
+ background-position: center;
+ }
}
</style>
--
Gitblit v1.9.1