feat: 调整首页组件目录结构

pages/index/components/chat/ChatTopNavBar/index.vue

@@ -0,0 +1,37 @@
+<template>
+  <view class="nav-bar">
+    <view class="nav-item" @click="showDrawer('showLeft')">
+      <uni-icons type="bars" size="24" color="#333"></uni-icons>
+    </view>
+
+    <uni-drawer ref="showLeft" mode="left" :width="320">
+      <DrawerHome @closeDrawer="closeDrawer('showLeft')" />
+    </uni-drawer>
+  </view>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import DrawerHome from "../../drawer/DrawerHome/index.vue";
+import { checkToken } from "@/hooks/useGoLogin";
+const showLeft = ref(false);
+
+// 打开窗口
+const showDrawer = async (e) => {
+  await checkToken();
+
+  showLeft.value.open();
+  // 发送抽屉显示事件
+  uni.$emit("drawerShow");
+};
+// 关闭窗口
+const closeDrawer = (e) => {
+  showLeft.value.close();
+  // 发送抽屉隐藏事件
+  uni.$emit("drawerHide");
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./styles/index.scss";
+</style>

pages/index/components/chat/ChatTopNavBar/styles/index.scss

@@ -0,0 +1,16 @@
+.nav-bar {
+  display: flex;
+  align-items: center;
+  height: 44px;
+  padding: 0 15px;
+
+  .nav-item {
+    width: 24px;
+    height: 24px;
+    margin-right: 10px;
+  }
+  .nav-item-icon {
+    width: 100%;
+    height: 100%;
+  }
+}