更新 优化样式

components/uni-im-msg-list/uni-im-msg-list.vue

@@ -573,6 +573,10 @@
   
   .uni-im-list-item {
     transform: scale(1, -1);
+    .uni-im-msg {
+      width: 0;
+      flex-grow: 1;
+    }
   }
   /* #ifdef H5 */
   @media screen and (min-device-width:960px) {

components/uni-im-msg/types/rich-text.vue

@@ -172,15 +172,13 @@
 
 <style lang="scss">
 .uni-im-rich-text {
-  /* #ifdef H5 */
   display: inline-block;
   background-color: #fff;
   padding: 10px;
   border-radius: 10px;
-  max-width: 550rpx;
-  
+  max-width: 100%;
+  /* #ifdef H5 */
   @media screen and (min-device-width:960px) {
-    max-width: 100%;
     .img {
       max-width: 480px !important;
     }

components/uni-im-msg/types/text.vue

@@ -91,7 +91,6 @@
     .msg-text {
       padding: 10px;
       font-size: 15px;
-      justify-content: space-between;
       word-break: break-all;
       cursor: text;
       /* #ifdef H5 */

components/uni-im-msg/uni-im-msg.vue

@@ -384,73 +384,67 @@
 <style lang="scss">
 .uni-im-msg {
   position: relative;
-  flex: 1;
-  /* #ifdef H5 */
   width: 100%;
-  /* #endif */
-  /* #ifdef MP */
-  width: 750rpx;
-  /* #endif */
   .msg-box {
+    position: relative;
     flex-direction: row;
     justify-content: flex-start;
-    padding: 0 8px;
-    margin: 8px 0;
-    position: relative;
-    width: 100%;
-  }
-  
-  /* #ifdef H5 */
-  .msg-box,
-  .msg-box * {
-    cursor: default;
-  }
-  .file-msg-box,
-  .cloud-image {
-    cursor: pointer;
-  }
-  /* #endif */
-  
-  .msg-main {
-    width: 80%;
-    margin: 0 8px;
-    // overflow: hidden;
-  }
-  /* 回复引用某条消息提示框 */
-  .cite-box {
-    margin:8px 0;
-    margin-right: auto;
-    background-color: #e3e3e3;
-    color: #6a6a6a;
-    border-radius: 5px;
-    max-width: 100%;
-    justify-content: center;
-    padding: 5px 10px;
-  }
-  .self .cite-box {
-    margin-right: 0;
-    margin-left: auto;
+    margin: 8px;
+    /* #ifdef H5 */
+    &,& > * {
+      cursor: default;
+    }
+    .file-msg-box,
+    .cloud-image {
+      cursor: pointer;
+    }
+    /* #endif */
+    .msg-main {
+      margin: 0 8px;
+      margin-right: 40px;
+      align-items: flex-start;
+      width: 0;
+      flex-grow: 1;
+      .msg-content-box {
+        flex-direction: row;
+        align-items: center;
+        justify-content: flex-start;
+      }
+      
+      /* 回复引用某条消息提示框 */
+      .cite-box {
+        margin:8px 0;
+        background-color: #e3e3e3;
+        color: #6a6a6a;
+        border-radius: 5px;
+        max-width: 100%;
+        justify-content: center;
+        padding: 5px 10px;
+        .cite-box-text {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          font-size: 14px;
+        }
+      }
+    }
   }
   
-  .cite-box-text {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-size: 14px;
-  }
+  &.self {
+    .msg-box {
+      flex-direction: row-reverse;
+    }
+    .msg-main {
+      align-items: flex-end;
+      margin-right: 8px;
+      margin-left: 40px;
+    }
+    .msg-content-box {
+      justify-content: flex-end;
+    }
+  } 
   
-  .self .msg-main {
-    align-items: flex-end;
-  }
   
-  .msg-content-box {
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-  }
-  .self .msg-content-box {
-    justify-content: flex-end;
-  }
   
   .nickname-box {
     flex-direction: row;
@@ -500,9 +494,6 @@
   .msgStateIcon {
     margin-right: 5px;
   }
-  &.self .msg-box {
-    flex-direction: row-reverse;
-  }
   
   .revoke-text-box {
     flex-direction: row;