feat: 抽屉效果再app不兼容问题处理

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>