From 33b4fb304d19b8e2d4a753c430e382fc6ed31107 Mon Sep 17 00:00:00 2001
From: Jason <chenjxlg@163.com>
Date: Mon, 24 Jan 2022 09:23:11 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A5=BD=E5=8F=8B=E5=88=97=E8=A1=A8=EF=BC=8C?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/im/friends/index.vue | 54 +++++++++++---------------------------
 pages/im/private/index.vue | 15 +++++++----
 2 files changed, 25 insertions(+), 44 deletions(-)

diff --git a/pages/im/friends/index.vue b/pages/im/friends/index.vue
index 27abc38..b3f2ed2 100644
--- a/pages/im/friends/index.vue
+++ b/pages/im/friends/index.vue
@@ -1,17 +1,20 @@
 <template>
     <view>
-        <view class="list">
-            <view class="list__item" @click="toPending">
-                <u-avatar size="35" icon="plus-people-fill" fontSize="26" bg-color="#f0ad4e"></u-avatar>
-                <text class="list__item__user-name">新的朋友</text>
-            </view>
-            <u-line></u-line>
-            <view class="list__item" @click="showToast">
-                <u-avatar size="35" icon="account-fill" fontSize="26" bg-color="#4cd964"></u-avatar>
-                <text class="list__item__user-name">我的群聊</text>
-            </view>
-            <u-line></u-line>
-        </view>
+        <u-list height="auto">
+            <u-list-item>
+                <u-cell title="新的朋友" @click="toPending">
+                    <u-avatar slot="icon" size="35" font-size="24" icon="plus-people-fill" shape="square"
+                        bg-color="#f0ad4e"></u-avatar>
+                </u-cell>
+            </u-list-item>
+            <u-list-item>
+                <u-cell title="我的群聊" @click="showToast">
+                    <u-avatar slot="icon" size="35" font-size="24" icon="account-fill" shape="square"
+                        bg-color="#4cd964"></u-avatar>
+                </u-cell>
+            </u-list-item>
+        </u-list>
+
         <block v-if="friends.length > 0">
             <u-list height="auto">
                 <u-list-item v-for="(item, index) in friends" :key="index">
@@ -74,33 +77,6 @@
 </script>
 
 <style lang="scss">
-    .list {
-        &__item {
-            @include flex;
-            padding: 6px 12px;
-            align-items: center;
-
-            &__avatar {
-                height: 35px;
-                width: 35px;
-                border-radius: 50%;
-            }
-
-            &__user-name {
-                font-size: 16px;
-                margin-left: 10px;
-                color: $u-main-color;
-            }
-        }
-
-        &__footer {
-            color: $u-tips-color;
-            font-size: 14px;
-            text-align: center;
-            margin: 15px 0;
-        }
-    }
-
     // 页面空
     .pages-null {
         height: 70vh;
diff --git a/pages/im/private/index.vue b/pages/im/private/index.vue
index eada86a..e0931c4 100644
--- a/pages/im/private/index.vue
+++ b/pages/im/private/index.vue
@@ -14,7 +14,8 @@
                     <view class="chat-avatar">
                         <u-avatar v-if="item.messageDirection == 2" bg-color="#ffffff" :src="userInfo.portraitUrl"
                             @click="showFriend(targetId)"></u-avatar>
-                        <u-avatar v-else @click="showMine" bg-color="#ffffff" :src="$store.getters.sender.portraitUrl" />
+                        <u-avatar v-else @click="showMine" bg-color="#ffffff"
+                            :src="$store.getters.sender.portraitUrl" />
                     </view>
                 </view>
                 <view class="chat-item-time" :id="'chatId_'+index">
@@ -26,7 +27,7 @@
         <view class="chat-footer">
             <input class="chat-input" type="text" v-model="inputTxt" confirm-type="发送" @confirm="send"
                 cursor-spacing="10" />
-            <button class="chat-push" size="mini" @click="send">发送</button>
+            <button class="chat-push" :disabled="disabled" size="mini" @click="send">发送</button>
         </view>
     </view>
 </template>
@@ -51,7 +52,7 @@
                 }
             }
         },
-        onLoad(e) {
+        onLoad(e) {
             this.targetId = e.targetId
             this.conversationType = e.conversationType // 会话类型
             // 消息总数量
@@ -86,8 +87,8 @@
             RongIMLib.clearReadReceiptReceivedListener()
         },
         computed: {
-            showSendButton() {
-                return this.inputTxt.length > 0
+            disabled() {
+                return this.inputTxt.length == 0
             },
             friend() {
                 return function(targetId) {
@@ -317,6 +318,10 @@
                 font-size: $title-size-m;
                 font-weight: bold;
 
+                &[disabled] {
+                    background: $uni-bg-color-grey;
+                }
+
                 &::after {
                     display: none;
                 }