优化页面

components/tabBar/tabBar.vue

@@ -31,9 +31,25 @@
 <script setup>
 import NewAddedPk from "../../pages/NewAddedPk/NewAddedPk.vue";
 import VerifyLogin from "../VerifyLogin.js";
-import { getCurrentInstance, defineProps, onMounted, reactive, ref } from "vue";
+import { getCurrentInstance, defineProps, onMounted,onUnmounted,reactive, ref } from "vue";
+import { TUIStore,StoreName } from '@tencentcloud/chat-uikit-engine';
 let showMiddleButton = ref(false);
-
+const conversationList = ref([]);
+onMounted(() => {
+TUIStore.watch(StoreName.CONV, {
+    conversationList: onConversationListUpdated,
+  });
+});
+//conversationList[0].unreadCount
+onUnmounted(() => {
+  TUIStore.unwatch(StoreName.CONV, {
+    conversationList: onConversationListUpdated,
+  });
+});
+function onConversationListUpdated(list) {
+  conversationList.value = list;
+  console.log("conversationList", list);
+}
 const props = defineProps({
   tabIndex: Number,
 });