恢复 Vue TypeScript 生产构建,补齐可运行页面壳子,并修复文件树与 SSE 状态问题。 按 FastAPI Wire Contract 统一 Service DTO 映射,同时补充前端开发说明和问题修复复盘。
35 lines
700 B
Vue
35 lines
700 B
Vue
<script setup lang="ts">
|
||
import { computed } from 'vue'
|
||
import { useRoute } from 'vue-router'
|
||
|
||
const route = useRoute()
|
||
const title = computed(() => String(route.meta.title ?? '功能开发中'))
|
||
</script>
|
||
|
||
<template>
|
||
<section class="placeholder-view">
|
||
<div>
|
||
<h1>{{ title }}</h1>
|
||
<p>基础路由已经就绪,具体页面将在后续功能开发中实现。</p>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<style scoped>
|
||
.placeholder-view {
|
||
display: grid;
|
||
height: 100%;
|
||
place-items: center;
|
||
color: var(--color-text-secondary);
|
||
}
|
||
|
||
.placeholder-view div {
|
||
text-align: center;
|
||
}
|
||
|
||
.placeholder-view h1 {
|
||
margin: 0 0 var(--space-sm);
|
||
color: var(--color-text-primary);
|
||
}
|
||
</style>
|