From d2875136048b4ee19bce94b75479181264f73cbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=98=8E=E6=98=8E?= <970899069@qq.com>
Date: Fri, 18 Feb 2022 17:37:04 +0800
Subject: [PATCH] group

---
 pages/im/group/chat.vue   | 14 +++++++-------
 pages/im/private/chat.vue |  4 ----
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/pages/im/group/chat.vue b/pages/im/group/chat.vue
index e251f5d..b0c0b15 100644
--- a/pages/im/group/chat.vue
+++ b/pages/im/group/chat.vue
@@ -1,5 +1,6 @@
 <template>
-    <view class="group--chat">
+    <view class="group--chat">
+        <sent-message-bar :conversationType="conversationType" :targetId="targetId" @onSuccess="getNewMessage()" />
         <scroll-view class="body" :show-scrollbar="false">
             <view class="cell" v-for="(item, index) in messages" :key="index">
                 <view class="cell-system" v-if="item.senderUserId === '__system__'">{{ item.content.message }}</view>
@@ -18,7 +19,6 @@
             </view>
             <view class="cell-footer" ref="chatBottom"></view>
         </scroll-view>
-        <sent-message-bar class="message-bar" :conversationType="conversationType" :targetId="targetId" @onSuccess="getNewMessage()" />
     </view>
 </template>
 
@@ -171,17 +171,17 @@
         background: $window-color;
         height: 100vh;
         display: flex;
-        flex-direction: column;
-        overflow: scroll;
+        overflow: scroll;
+        flex-direction: column-reverse;
         .body {
-            flex: 1;
+            flex: 1;
+            display: flex;
+            flex-direction: column-reverse;
             .cell {
                 padding: 10rpx 30rpx;
-
                 .cell-system {
                     text-align: center;
                 }
-
                 .cell-item {
                     display: flex;
                     flex-direction: row;
diff --git a/pages/im/private/chat.vue b/pages/im/private/chat.vue
index a8dbf6f..4c3e31d 100644
--- a/pages/im/private/chat.vue
+++ b/pages/im/private/chat.vue
@@ -192,18 +192,14 @@
                                 text-align: right;
                             }
                         }
-
                         .msg {
                             margin: 0 20rpx;
-
                             .state {
                                 padding-top: 10rpx;
-
                                 .state-text {
                                     font-size: $title-size-m - 2;
                                     color: rgba($color: $main-color, $alpha: 0.3)
                                 }
-
                                 .state-text-active {
                                     font-size: $title-size-m - 2;
                                     color: #cecece;