初始化项目

2026-02-08 22:38:13 +08:00
commit 334d2c6312
201 changed files with 32724 additions and 0 deletions
@@ -0,0 +1,47 @@
+<template>
+	<div class="home-page">
+		<a-skeleton v-if="loading" active />
+		<component v-else :is="dashboardComponent" @on-mounted="handleMounted" />
+	</div>
+</template>
+
+<script setup>
+import { ref, onMounted, computed, defineAsyncComponent } from 'vue'
+import config from '@/config'
+
+// 定义组件名称
+defineOptions({
+	name: 'HomePage',
+})
+
+const loading = ref(true)
+const dashboard = ref(config.DASHBOARD_LAYOUT || 'work')
+
+// 动态导入组件
+const components = {
+	work: defineAsyncComponent(() => import('./work/index.vue')),
+	widgets: defineAsyncComponent(() => import('./widgets/index.vue')),
+}
+
+const dashboardComponent = computed(() => {
+	return components[dashboard.value] || components.work
+})
+
+const handleMounted = () => {
+	loading.value = false
+}
+
+onMounted(() => {
+	// 模拟加载延迟
+	setTimeout(() => {
+		loading.value = false
+	}, 300)
+})
+</script>
+
+<style scoped lang="scss">
+.home-page {
+	width: 100%;
+	height: 100%;
+}
+</style>