feat: 替换了抽屉的实现方案

pages/chat/ChatTopNavBar.vue

@@ -1,20 +1,31 @@
 <template>
 	<view class="nav-bar">
-	  <view class="nav-item" @click="openDrawer">
-	    <image src="/static/drawer_icon.png" mode="aspectFit" class="nav-item-icon"></image>
+	  <view class="nav-item" @click="showDrawer('showLeft')">
+	    <image class="nav-item-icon" src="/static/drawer_icon.png" mode="aspectFit"></image>
 	  </view>
+	  
+	  <uni-drawer ref="showLeft" mode="left" :width="320">
+		<DrawerHome @closeDrawer="closeDrawer('showLeft')" />
+	  </uni-drawer>
+	  
 	</view>
 </template>
 
 <script setup>
-	import { defineEmits } from 'vue'
+	import { defineEmits, ref } from 'vue'
+	import DrawerHome from "@/pages/drawer/DrawerHome.vue";
 	
-	const emits = defineEmits(['openDrawer'])
-	
-	const openDrawer = () => {
-		emits('openDrawer')
-		console.log('=============打开抽屉')
+	const showLeft = ref(false)
+		
+	// 打开窗口
+	const showDrawer = (e) => {
+		showLeft.value.open()
 	}
+	// 关闭窗口
+	const closeDrawer = (e) => {
+		showLeft.value.close()
+	}
+	
 </script>
 
 <style lang="scss" scoped>