小程序客服图片报警处理，瀑布流重构

pages/chat/index.vue

@@ -495,9 +495,9 @@
     });
     chat.showTools = false;
     // scrollBottom();
-    setTimeout(()=>{
+    setTimeout(() => {
       chat.msg = '';
-    },100)
+    }, 100);
   }
 
   // 点击猜你想问
@@ -546,7 +546,7 @@
           let emojiFile = selEmojiFile(item);
           newData = newData.replace(
             item,
-            `<img class="chat-img" style="width:25px;height:25px;margin:0 3px" src="${sheep.$url.cdn(
+            `<img class="chat-img" src="${sheep.$url.cdn(
               '/static/img/chat/emoji/' + emojiFile,
             )}"/>`,
           );
@@ -587,6 +587,7 @@
     background-size: 750rpx 100%;
     z-index: 1;
   }
+
   .chat-wrap {
     // :deep() {
     //   .ui-navbar-box {
@@ -701,10 +702,12 @@
           background: #fff;
           color: #333;
         }
+
         :deep() {
           .imgred {
             width: 100%;
           }
+
           .imgred,
           img {
             width: 100%;
@@ -852,3 +855,16 @@
     }
   }
 </style>
+<style>
+  .chat-img {
+    width: 25px;
+    height: 25px;
+    margin: 0 3px;
+  }
+  .full-img {
+    object-fit: cover;
+    width: 100px;
+    height: 100px;
+    border-radius: 6px;
+  }
+</style>

pages/chat/socket.js

@@ -494,7 +494,7 @@ export function useChatWebSocket(socketConfig) {
         const img = await readImg(file);
         const blob = await compressImg(img, file.type);
         const { data } = await upload(file.name, blob);
-        let image = `<img src='${data.fullurl}'  style='object-fit: cover;width:100px;height:100px;border-radius:6px'>`;
+        let image = `<img class="full-url" src='${data.fullurl}'>`;
         document.execCommand('insertHTML', false, image);
       } else {
         document.execCommand('insertHTML', false, paste.getData('text'));
@@ -516,7 +516,7 @@ export function useChatWebSocket(socketConfig) {
         const img = await readImg(file);
         const blob = await compressImg(img, file.type);
         const { data } = await upload(file.name, blob);
-        let image = `<img src='${data.fullurl}'   style='object-fit: cover;width:100px;height:100px;border-radius:6px'>`;
+        let image = `<img class="full-url" src='${data.fullurl}' >`;
         document.execCommand('insertHTML', false, image);
       } else {
         ElMessage({
@@ -818,4 +818,4 @@ export function useChatWebSocket(socketConfig) {
     showTime,
     formatTime,
   };
-}
+}