47 lines
1.0 KiB
Vue
47 lines
1.0 KiB
Vue
<template>
|
|
<div id="app" class="app-container">
|
|
<router-view />
|
|
<DailyProgressReminder ref="progressReminderRef" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, onMounted } from 'vue'
|
|
import DailyProgressReminder from '@/components/DailyProgressReminder.vue'
|
|
|
|
const progressReminderRef = ref()
|
|
|
|
onMounted(() => {
|
|
console.log('DesignHub - 设计师任务管理平台')
|
|
console.log('UI Design: OpenAI Style')
|
|
console.log('Version: 1.0.0')
|
|
|
|
// 延迟检查进度提醒（等待用户登录完成）
|
|
setTimeout(() => {
|
|
const token = localStorage.getItem('token')
|
|
const userInfo = localStorage.getItem('userInfo')
|
|
|
|
if (token && userInfo && progressReminderRef.value) {
|
|
progressReminderRef.value.checkAndShow()
|
|
}
|
|
}, 1500)
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.app-container {
|
|
width: 100%;
|
|
min-height: 100vh;
|
|
background: var(--bg-primary);
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
// 确保路由视图容器始终可见
|
|
.app-container {
|
|
position: relative;
|
|
min-height: 100vh;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
|