style

components/message-item/file-message.vue

@@ -80,10 +80,14 @@
 
 
 <style lang="less" scoped>
 <style lang="less" scoped>
     .file-message {
     .file-message {
-        background-color: #eee !important;
+        background-color: #f5f6fa;
         border-radius: 6px !important;
         border-radius: 6px !important;
         cursor: pointer;
         cursor: pointer;
 
 
+        &.my-message {
+            background-color: #dbf2ff;
+        }
+
         .file-message-name {
         .file-message-name {
             max-width: 130px;
             max-width: 130px;
             word-break: break-all;
             word-break: break-all;

components/message-item/image-message.vue

 <template>
 <template>
     <div
     <div
-        class="msg-detail image-message"
+        class="image-message"
         :class="{ 'image-404': fileFailed2Load }"
         :class="{ 'image-404': fileFailed2Load }"
         @dblclick="dbClick"
         @dblclick="dbClick"
         @click="open"
         @click="open"
@@ -55,6 +55,8 @@
         line-height: 1;
         line-height: 1;
         max-width: 300px;
         max-width: 300px;
         box-sizing: content-box;
         box-sizing: content-box;
+        background-color: unset;
+
         img {
         img {
             width: 100%;
             width: 100%;
         }
         }

components/message.vue

@@ -603,7 +603,7 @@
         margin-top: 10px;
         margin-top: 10px;
         font-size: 14px;
         font-size: 14px;
         line-height: 20px;
         line-height: 20px;
-        background: #f5f6fa;
+        background-color: #f5f6fa;
         border-radius: 0px 8px 8px;
         border-radius: 0px 8px 8px;
         padding: 10px;
         padding: 10px;
         word-break: break-word;
         word-break: break-word;