【功能完善】商城: 客服文本消息样式优化，文字两端对齐

src/views/mall/promotion/kefu/components/KeFuMessageList.vue

@@ -52,7 +52,7 @@
                   <template v-if="KeFuMessageContentTypeEnum.TEXT === item.contentType">
                   <template v-if="KeFuMessageContentTypeEnum.TEXT === item.contentType">
                     <div
                     <div
                       v-dompurify-html="replaceEmoji(getMessageContent(item).text || item.content)"
                       v-dompurify-html="replaceEmoji(getMessageContent(item).text || item.content)"
-                      class="flex items-center h-1/1"
+                      class="line-height-normal text-justify h-1/1 w-full"
                     ></div>
                     ></div>
                   </template>
                   </template>
                 </MessageItem>
                 </MessageItem>

src/views/mall/promotion/kefu/components/tools/emoji.ts

@@ -93,7 +93,7 @@ export const useEmoji = () => {
           const emojiFile = getEmojiFileByName(item)
           const emojiFile = getEmojiFileByName(item)
           newData = newData.replace(
           newData = newData.replace(
             item,
             item,
-            `<img class="chat-img" style="width: 24px;height: 24px;margin: 0 3px;vertical-align: middle;" src="${emojiFile}" alt=""/>`
+            `<img style="width: 20px;height: 20px;margin:0 1px 3px 1px;vertical-align: middle;" src="${emojiFile}" alt=""/>`
           )
           )
         })
         })
       }
       }