From cb78b4fbcd31bbee7ed7882c7b5f6f660f20c511 Mon Sep 17 00:00:00 2001 From: doum <doum> Date: 星期一, 20 十月 2025 09:56:19 +0800 Subject: [PATCH] 最新版本541200007 --- admin/src/components/common/ImageCropper.vue | 18 ++++++++++++------ 1 files changed, 12 insertions(+), 6 deletions(-) diff --git a/admin/src/components/common/ImageCropper.vue b/admin/src/components/common/ImageCropper.vue index 37517a2..a58eedc 100644 --- a/admin/src/components/common/ImageCropper.vue +++ b/admin/src/components/common/ImageCropper.vue @@ -13,8 +13,8 @@ :canMove="options.canMove" :output-size="options.outputSize" :centerBox="options.centerBox" - :autoCropWidth="options.autoCropWidth" - :autoCropHeight="options.autoCropHeight" + :autoCropWidth="autoCrop.width || options.autoCropWidth" + :autoCropHeight="autoCrop.height || options.autoCropHeight" @realTime="realTime" ></vue-cropper> </div> @@ -28,7 +28,7 @@ <script> import { VueCropper } from 'vue-cropper' -import {upload} from "@/api/system/common"; +import { upload } from '@/api/system/common' export default { name: 'ImageCropper', components: { VueCropper }, @@ -36,6 +36,12 @@ imgSrc: { type: String, default: '' + }, + autoCrop: { + type: Object, + default () { + return { width: 500, height: 500 } + } }, // 鍥炴樉涓婃淇濆瓨鐨勬埅鍥剧殑浣嶇疆 location: { @@ -76,7 +82,7 @@ centerBox: true, height: 500, width: 500, - outputSize:{width: 500, height: 500 }, + outputSize: 1, autoCropWidth: 500, autoCropHeight: 500, fixed: true, @@ -94,8 +100,8 @@ watch: { }, methods: { - getImagecropper(){ - return this.$refs.cropper + getImagecropper () { + return this.$refs.cropper }, // 瀛︿範鎴浘妗嗗彉鍖栦簨浠� realTime (data) { -- Gitblit v1.9.3