From 0dfd4fda1ec87b785b108cb2c8d7076183d9ad03 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Mon, 11 May 2026 16:04:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8A=BD=E5=B1=89=E6=95=88=E6=9E=9C?=
 =?UTF-8?q?=E5=86=8Dapp=E4=B8=8D=E5=85=BC=E5=AE=B9=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ChatMain/ChatMainList/index.vue       |  6 ++++++
 src/pages/ChatMain/ChatTopNavBar/index.vue      |  8 ++++++--
 .../ChatMain/ChatTopNavBar/styles/index.scss    | 10 +++++++++-
 src/pages/DrawerSection/index.vue               | 17 +++++++++++------
 src/pages/index/index.vue                       | 17 +++++++++--------
 5 files changed, 41 insertions(+), 17 deletions(-)

diff --git a/src/pages/ChatMain/ChatMainList/index.vue b/src/pages/ChatMain/ChatMainList/index.vue
index 2dd9d33..2e7960c 100644
--- a/src/pages/ChatMain/ChatMainList/index.vue
+++ b/src/pages/ChatMain/ChatMainList/index.vue
@@ -5,6 +5,7 @@
       <ChatTopNavBar
         ref="topNavBarRef"
         :mainPageDataModel="mainPageDataModel"
+        @showDrawer="handleShowDrawer"
       />
     </view>
 
@@ -257,6 +258,7 @@ import { checkToken } from "@/hooks/useGoLogin";
 import { useAppStore } from "@/store";
 import { getAccessToken } from "@/constant/token";
 
+const emit = defineEmits(["showDrawer"]);
 const appStore = useAppStore();
 /// 导航栏相关
 const statusBarHeight = ref(20);
@@ -331,6 +333,10 @@ const handleChange = (i) => {
   console.log("切换:", i);
 };
 
+const handleShowDrawer = () => {
+  emit("showDrawer");
+};
+
 /// =============事件函数↓================
 const handleTouchEnd = () => {
   clearTimeout(holdKeyboardTimer.value);
diff --git a/src/pages/ChatMain/ChatTopNavBar/index.vue b/src/pages/ChatMain/ChatTopNavBar/index.vue
index aff48fc..5c37800 100644
--- a/src/pages/ChatMain/ChatTopNavBar/index.vue
+++ b/src/pages/ChatMain/ChatTopNavBar/index.vue
@@ -1,6 +1,8 @@
 <template>
   <view class="border-box h-44 flex flex-items-center pl-12 pr-12">
-    <uni-icons type="bars" size="24" color="#333" @click="showDrawer" />
+    <view class="nav-icon-button" @tap.stop="showDrawer">
+      <uni-icons type="bars" size="24" color="#ffffff" />
+    </view>
 
     <!-- 隐藏 -->
     <view class="flex-full h-full flex flex-items-center flex-justify-center">
@@ -54,7 +56,9 @@ const spriteStyle = computed(() => {
   };
 });
 
-const showDrawer = () => uni.$emit("SHOW_DRAWER");
+const emit = defineEmits(["showDrawer"]);
+
+const showDrawer = () => emit("showDrawer");
 
 defineExpose({ show });
 </script>
diff --git a/src/pages/ChatMain/ChatTopNavBar/styles/index.scss b/src/pages/ChatMain/ChatTopNavBar/styles/index.scss
index 28c29a9..df589b3 100644
--- a/src/pages/ChatMain/ChatTopNavBar/styles/index.scss
+++ b/src/pages/ChatMain/ChatTopNavBar/styles/index.scss
@@ -1,3 +1,11 @@
+.nav-icon-button {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 // 图片从0%到100%动画
 .image-animated {
   animation: logo-scale 0.3s ease-in-out;
@@ -28,4 +36,4 @@
     opacity: 1;
     transform: translateX(0);
   }
-}
\ No newline at end of file
+}
diff --git a/src/pages/DrawerSection/index.vue b/src/pages/DrawerSection/index.vue
index bb43a5e..c3af61f 100644
--- a/src/pages/DrawerSection/index.vue
+++ b/src/pages/DrawerSection/index.vue
@@ -26,15 +26,20 @@ const drawerRef = ref(null);
 
 // 监听抽屉显示事件
 const mineSettingRef = ref(null);
-const open = () => {
-  checkToken().then(async () => {
-    await mineSettingRef.value.getLoginUserPhoneInfo();
-    drawerRef.value.open();
-  });
+const open = async () => {
+  await checkToken();
+
+  drawerRef.value?.open?.();
+
+  try {
+    await mineSettingRef.value?.getLoginUserPhoneInfo?.();
+  } catch (error) {
+    console.warn("获取登录用户手机号失败:", error);
+  }
 };
 
 // 监听抽屉隐藏事件
-const close = () => drawerRef.value.close();
+const close = () => drawerRef.value?.close?.();
 
 defineExpose({
   open,
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index ad45290..28b4b02 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="index-page w-full h-screen overflow-hidden bg-liner">
-    <ChatMainList />
+    <ChatMainList @showDrawer="showDrawer" />
 
     <!-- 日历组件 -->
     <Calender
@@ -47,9 +47,9 @@ const handleDateSelect = (data) => {
   uni.$emit("selectCalendarDate", selectedDate.value); // 传回父组件
 };
 
-uni.$on("openCalendar", () => {
+const openCalendar = () => {
   calendarVisible.value = true;
-});
+};
 
 
 // 打开窗口
@@ -57,11 +57,10 @@ const drawerRef = ref(null);
 const showDrawer = async (e) => {
   await checkToken();
 
-  drawerRef.value.open();
+  drawerRef.value?.open?.();
 };
-uni.$on("SHOW_DRAWER", showDrawer);
 // 关闭窗口
-const closeDrawer = (e) => drawerRef.value.close();
+const closeDrawer = (e) => drawerRef.value?.close?.();
 
 ///获取到二维码原始链接内容
 const getWeixinMiniProgramParams = (e) => {
@@ -78,11 +77,13 @@ onLoad((e) => {
 });
 
 onMounted(() => {
-  
+  uni.$on("openCalendar", openCalendar);
+  uni.$on("SHOW_DRAWER", showDrawer);
 });
 
 onUnmounted(() => {
-  // uni.$off('openCalendar')
+  uni.$off("openCalendar", openCalendar);
+  uni.$off("SHOW_DRAWER", showDrawer);
 });
 
 </script>