e2e5a750fb
- replace uni-ui drawer and icon components with Vant equivalents - add unplugin-auto-import and unplugin-vue-components to Vite config - update project dependencies to compatible versions - generate auto-import and component type declaration files - clean up deprecated imports and commented code in home page components - fix App.vue to use lowercase router-view and script setup
96 lines
2.5 KiB
Vue
96 lines
2.5 KiB
Vue
<template>
|
|
<div class="index-page w-full h-screen overflow-hidden bg-liner">
|
|
<!-- <ChatMainList @showDrawer="showDrawer" /> -->
|
|
|
|
<!-- 日历组件 -->
|
|
<!-- <Calender :visible="calendarVisible" mode="single" :default-value="selectedDate" @close="handleCalendarClose"
|
|
@select="handleDateSelect" /> -->
|
|
|
|
<!-- 更多服务 -->
|
|
<!-- <MoreService /> -->
|
|
|
|
<!-- 抽屉组件 -->
|
|
<DrawerSection ref="drawerRef" @close="closeDrawer" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, onUnmounted, onMounted } from "vue";
|
|
import { emitter } from '@/utils/events'
|
|
// import { getUrlParams } from "@/utils/UrlParams";
|
|
// import { useAppStore } from "@/store";
|
|
// import { checkToken } from "@/hooks/useGoLogin";
|
|
// import ChatMainList from "./components/ChatMainList/index.vue";
|
|
// import MoreService from "./components/MoreService/index.vue";
|
|
import DrawerSection from "./components/DrawerSection/index.vue";
|
|
// import Calender from "@/components/Calender/index.vue";
|
|
|
|
// const appStore = useAppStore();
|
|
// const calendarVisible = ref(false);
|
|
// const selectedDate = ref("");
|
|
|
|
// // 处理日历关闭
|
|
// const handleCalendarClose = () => {
|
|
// calendarVisible.value = false;
|
|
// };
|
|
|
|
// // 处理日期选择
|
|
// const handleDateSelect = (data) => {
|
|
// selectedDate.value = data.date;
|
|
// calendarVisible.value = false;
|
|
// console.log("选择的日期:", data.date);
|
|
// uni.$emit("selectCalendarDate", selectedDate.value); // 传回父组件
|
|
// };
|
|
|
|
// const openCalendar = () => {
|
|
// calendarVisible.value = true;
|
|
// };
|
|
|
|
// 打开窗口
|
|
const drawerRef = ref(null);
|
|
const showDrawer = async () => {
|
|
// await checkToken();
|
|
|
|
drawerRef.value?.open?.();
|
|
};
|
|
// 关闭窗口
|
|
const closeDrawer = () => drawerRef.value?.close?.();
|
|
|
|
// ///获取到二维码原始链接内容
|
|
// const getWeixinMiniProgramParams = (e) => {
|
|
// console.log("Params:", e);
|
|
// if (e.q && e.q != "undefined") {
|
|
// const qrUrl = decodeURIComponent(e.q);
|
|
// const params = getUrlParams(qrUrl);
|
|
// appStore.setSceneId(params.sceneId || params.tagId);
|
|
// }
|
|
// };
|
|
|
|
// TODO
|
|
// onLoad((e) => {
|
|
// getWeixinMiniProgramParams(e);
|
|
// });
|
|
|
|
onMounted(() => {
|
|
// uni.$on("openCalendar", openCalendar);
|
|
emitter.on("SHOW_DRAWER", showDrawer);
|
|
});
|
|
|
|
onUnmounted(() => {
|
|
// uni.$off("openCalendar", openCalendar);
|
|
emitter.off("SHOW_DRAWER", showDrawer);
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.index-page {
|
|
position: relative;
|
|
min-height: 0;
|
|
overscroll-behavior: none;
|
|
}
|
|
|
|
.top {
|
|
margin-top: 150px;
|
|
}
|
|
</style>
|