From bd305e527234bf1af5ed0f23b1c9f940083a23bc Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期三, 12 六月 2024 09:25:51 +0800
Subject: [PATCH] 最新版本
---
admin/src/components/common/ImageCropper.vue | 15 ++++++++-------
1 files changed, 8 insertions(+), 7 deletions(-)
diff --git a/admin/src/components/common/ImageCropper.vue b/admin/src/components/common/ImageCropper.vue
index 7929744..d15179c 100644
--- a/admin/src/components/common/ImageCropper.vue
+++ b/admin/src/components/common/ImageCropper.vue
@@ -6,9 +6,12 @@
<vue-cropper
ref="cropper"
:img="imgSrc"
+ :width="options.width"
+ :height="options.height"
:canScale="options.canScale"
:autoCrop="options.autoCrop"
:canMove="options.canMove"
+ :output-size="options.outputSize"
:centerBox="options.centerBox"
:autoCropWidth="options.autoCropWidth"
:autoCropHeight="options.autoCropHeight"
@@ -17,11 +20,6 @@
</div>
<div class="previews">
<img style="width: 100px;height: 100px;border-radius: 50%;object-fit: cover" :src="cutImgSrc" alt="鍥剧墖">
- <!-- <el-image-->
- <!-- v-if="cutImgSrc"-->
- <!-- style="width: 100px; height: 100px;vertical-align: middle;border-radius: 50%;"-->
- <!-- :src="cutImgSrc"-->
- <!-- fit="fill"></el-image>-->
</div>
</div>
</div>
@@ -76,8 +74,11 @@
autoCrop: true,
canMove: false,
centerBox: true,
- autoCropWidth: 200,
- autoCropHeight: 200,
+ height: 300,
+ width: 300,
+ outputSize:{width: 300, height: 300},
+ autoCropWidth: 300,
+ autoCropHeight: 300,
fixed: true,
fixedNumber: [1, 1]
},
--
Gitblit v1.9.3