fix(测试跟踪): 预览备注图片显示异常

--bug=1017054 --user=宋昌昌 【测试跟踪】预览备注中图片显示异常 https://www.tapd.cn/55049933/s/1301615

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>