feat: 首页侧边抽屉调整

This commit is contained in:
duanshuwen
2025-11-04 18:40:16 +08:00
parent 2d63fbd136
commit e81b7e662a
9 changed files with 3627 additions and 2112 deletions

View File

@@ -1,35 +1,16 @@
<template>
<view class="nav-bar">
<view class="nav-item" @click="showDrawer('showLeft')">
<uni-icons type="bars" size="24" color="#333"></uni-icons>
<view class="nav-item" @click="showDrawer">
<uni-icons type="bars" size="24" color="#333" />
</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");
};
const showDrawer = () => uni.$emit("SHOW_DRAWER");
</script>
<style lang="scss" scoped>