样式

pages/chat/index.less

@@ -14,6 +14,7 @@
       margin-top: 20rpx;
 
       .contentBox {
+        flex: 1;
         .time {
           width: 200rpx;
           margin-bottom: 10rpx;
@@ -58,17 +59,21 @@
       justify-content: flex-end;
 
       .contentBox {
-        text-align: right;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+
         .message {
           display: inline-block;
           background-color: #3DD076;
           color: white;
         }
       }
-      .avatar{
+
+      .avatar {
         margin-left: 30rpx;
       }
-    } 
+    }
 
   }
 

pages/chat/index.wxss

@@ -13,6 +13,9 @@
   margin-bottom: 42rpx;
   margin-top: 20rpx;
 }
+.chat .content .base .contentBox {
+  flex: 1;
+}
 .chat .content .base .contentBox .time {
   width: 200rpx;
   margin-bottom: 10rpx;
@@ -48,7 +51,9 @@
   justify-content: flex-end;
 }
 .chat .content .self .contentBox {
-  text-align: right;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
 }
 .chat .content .self .contentBox .message {
   display: inline-block;