更新 优化样式

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;
-  
-  @media screen and (min-device-width:960px) {
   max-width: 100%;
+  /* #ifdef H5 */
+  @media screen and (min-device-width:960px) {
     .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,25 +384,14 @@
 <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%;
-  }
-  
+    margin: 8px;
     /* #ifdef H5 */
-  .msg-box,
-  .msg-box * {
+    &,& > * {
       cursor: default;
     }
     .file-msg-box,
@@ -410,47 +399,52 @@
       cursor: pointer;
     }
     /* #endif */
-  
     .msg-main {
-    width: 80%;
       margin: 0 8px;
-    // overflow: hidden;
+      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;
-    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;
-  }
-  
         .cite-box-text {
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
           font-size: 14px;
         }
+      }
+    }
+  }
   
-  .self .msg-main {
+  &.self {
+    .msg-box {
+      flex-direction: row-reverse;
+    }
+    .msg-main {
       align-items: flex-end;
+      margin-right: 8px;
+      margin-left: 40px;
     }
-  
     .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;