From 0fd341b7905a41948b23d0e6dfc406d9ed252101 Mon Sep 17 00:00:00 2001
From: song-cc-rock <changchang.song@fit2cloud.com>
Date: Tue, 22 Nov 2022 17:44:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E9=A2=84=E8=A7=88=E5=A4=87=E6=B3=A8=E5=9B=BE=E7=89=87=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1017054 --user=宋昌昌 【测试跟踪】预览备注中图片显示异常 https://www.tapd.cn/55049933/s/1301615
---
 .../frontend/src/components/MsMarkDownText.vue           | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/framework/sdk-parent/frontend/src/components/MsMarkDownText.vue b/framework/sdk-parent/frontend/src/components/MsMarkDownText.vue
index 8d563e090c..e24822fb6c 100644
--- a/framework/sdk-parent/frontend/src/components/MsMarkDownText.vue
+++ b/framework/sdk-parent/frontend/src/components/MsMarkDownText.vue
@@ -217,11 +217,11 @@ export default {
       let imgTag = document.createElement("img");
       imgTag.src = url;
       imgTag.classList.add("el-image-viewer__img");
-      imgTag.style.transformStyle = "scale(1) rotate(0deg)";
-      imgTag.style.marginLeft = "0px";
-      imgTag.style.marginTop = "0px";
+      imgTag.style.marginLeft = "10px";
+      imgTag.style.marginTop = "10px";
       imgTag.style.maxHeight = "100%";
       imgTag.style.maxWidth = "100%";
+      imgTag.style['transform'] = 'scale(1) rotate(0deg)';
       // 创建el-image-viewer__canvas元素div
       let canvas = document.createElement("div");
       canvas.classList.add("el-image-viewer__canvas");
@@ -243,8 +243,8 @@ export default {
       wrap.addEventListener("click", function () {
         wrap.remove();
       });
-      wrap.appendChild(canvas);
       wrap.appendChild(mask);
+      wrap.appendChild(canvas);
       // 获取body的第一个子节点
       let first = document.body.firstChild;
       // 将div插入
@@ -272,5 +272,4 @@ export default {
 :deep(.v-note-op .v-left-item.transition .add-image-link-wrapper .add-image-link .op-btn.sure) {
   background: #783887;
 }
-
 </style>