From acf0018a9c928d95a6eec4694d05ba2380726390 Mon Sep 17 00:00:00 2001
From: yangws <1607839436@qq.com>
Date: Thu, 18 Jul 2024 15:41:31 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E7=9A=84=E5=8A=9F=E8=83=BD=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/views/profile/userAvatar.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/views/profile/userAvatar.vue b/src/renderer/src/views/profile/userAvatar.vue
index a495bd6..b27e59f 100644
--- a/src/renderer/src/views/profile/userAvatar.vue
+++ b/src/renderer/src/views/profile/userAvatar.vue
@@ -94,8 +94,6 @@ const options = reactive({
 })
 // 是否显示遮罩和大图
 const show = ref(false)
-//监听是否拖动
-const random = ref('')
 // 遮罩的坐标(样式)
 const layerPosition = reactive({
   left: 0,
@@ -108,6 +106,8 @@ const largePosition = reactive({
 })
 const cropper = ref(null)
 const { elementX, elementY } = useMouseInElement(cropper)
+//监听是否拖动
+const transform = ref({})
 
 /** 编辑头像 */
 function editCropper() {
@@ -168,19 +168,16 @@ function uploadImg() {
 /** 实时预览 */
 function realTime(data) {
   options.previews = data
-  random.value = getRandomValue()
-}
-// 生成一个随机数的函数监听滑动的改变
-const getRandomValue = () => {
-  return Math.random()
+  transform.value = Object.assign({}, data.img)
 }
+
 /** 关闭窗口 */
 function closeDialog() {
   options.img = userStore.avatar
   console.log(userStore.avatar,'userStore.avatar')
   options.visible = false
 }
-watch(random, () => {
+watch(transform, () => {
   // 根据得到数据设置样式数据和是否显示数据
   show.value = true
   // 计算坐标