需新增：添加好友页面，优化各模块页面

TUIKit/components/TUIConversation/conversation-list/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="conversationListInnerDomRef" class="tui-conversation-list">
+  <view ref="conversationListInnerDomRef" class="tui-conversation-list">
     <ActionsMenu
       v-if="isShowOverlay"
       :selectedConversation="currentConversation"
@@ -7,11 +7,35 @@
       :selectedConversationDomRect="currentConversationDomRect"
       @closeConversationActionMenu="closeConversationActionMenu"
     />
-    <cb-empty
+    <!-- <cb-empty
       v-if="conversationList.length === 0"
       name="您还没有好友"
-    ></cb-empty>
-    <div
+    ></cb-empty> -->
+    <view
+      class="tui-conversation-item"
+      @click="navigateTo('/pages/my-index/set-up/message/index')"
+    >
+      <aside class="left">
+        <Avatar url="/static/images/message.svg" size="40px" />
+        <!-- 通知数量 -->
+        <!-- <span class="num">2</span> -->
+        <!-- <span class="num-notify" /> -->
+      </aside>
+      <view class="content">
+        <view class="content-header">
+          <view class="content-header-label">
+            <text class="name">消息通知</text>
+          </view>
+          <view class="middle-box">
+            <div class="middle-box-content">[系统消息]</div>
+          </view>
+        </view>
+        <!-- <view class="content-footer">
+          <span class="time">20秒前</span>
+        </view> -->
+      </view>
+    </view>
+    <view
       v-for="(conversation, index) in conversationList"
       :id="`convlistitem-${index}`"
       :key="index"
@@ -73,17 +97,17 @@
             class="num-notify"
           />
         </aside>
-        <div class="content">
-          <div class="content-header">
+        <view class="content">
+          <view class="content-header">
             <label class="content-header-label">
               <p class="name">{{ conversation.getShowName() }}</p>
             </label>
-            <div v-if="isRedEnvelope(conversation)" class="middle-box">
+            <view v-if="isRedEnvelope(conversation)" class="middle-box">
               <div class="middle-box-content">
                 {{ redEnvelopeText(conversation) }}
               </div>
-            </div>
-            <div v-else class="middle-box">
+            </view>
+            <view v-else class="middle-box">
               <span
                 v-if="
                   conversation.draftText &&
@@ -103,12 +127,12 @@
               >
                 {{ conversation.getGroupAtInfo() }}
               </span>
-              <div class="middle-box-content">
+              <view class="middle-box-content">
                 {{ conversation.getLastMessage('text') }}
-              </div>
-            </div>
-          </div>
-          <div class="content-footer">
+              </view>
+            </view>
+          </view>
+          <view class="content-footer">
             <span class="time">
               {{ conversation.getLastMessage('time') }}
             </span>
@@ -117,11 +141,11 @@
               :file="muteIcon"
               size="16px"
             />
-          </div>
-        </div>
+          </view>
+        </view>
       </div>
-    </div>
-  </div>
+    </view>
+  </view>
 </template>
 
 <script lang="ts" setup>
@@ -158,6 +182,7 @@
     isMobile
   } from '../../../utils/env'
   import { CHAT_MSG_CUSTOM_TYPE } from '../../../constant'
+  import { navigateTo } from '../../../../utils/router'
 
   const emits = defineEmits(['handleSwitchConversation', 'getPassingRef'])
   const currentConversation = ref<IConversationModel>()
@@ -326,7 +351,10 @@
 
   /** 是否红包 */
   const isRedEnvelope = (item: IConversationModel) => {
-    if (item?.lastMessage?.payload?.data) {
+    if (
+      item?.lastMessage?.payload?.data &&
+      item?.lastMessage?.type === 'TIMCustomElem'
+    ) {
       const businessID = JSON?.parse(
         item?.lastMessage?.payload?.data
       )?.businessID