Yuhang Wu
30ddf583e5
优化说明： 1. 调整多个页面布局，将内容区拆分为独立的磨砂卡片，统一样式规范 2. 修改全局磨砂玻璃面板的透明度，避免阴影叠加导致的灰色遮罩 3. 新增扁平磨砂卡片样式，移除不必要的阴影 4. 将数据库文件名从 reader.db 改为 frpilot.db 5. 更新相关文档说明，同步 UI 修改内容
20 lines
620 B
Vue
20 lines
620 B
Vue
<template>
|
||
<div class="flex h-full flex-col gap-3">
|
||
<!-- 顶部操作栏（独立磨砂卡片） -->
|
||
<div class="glass-panel glass-panel-flat flex shrink-0 items-center justify-between gap-3 px-5 py-3">
|
||
<h2 class="text-lg font-semibold">{{ t("menu.tunnels") }}</h2>
|
||
</div>
|
||
|
||
<!-- 内容区（独立磨砂卡片） -->
|
||
<div class="glass-panel glass-panel-flat min-h-0 flex-1 overflow-y-auto p-5">
|
||
<a-result status="info" :sub-title="t('common.developing')" />
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { useI18n } from "vue-i18n"
|
||
|
||
const { t } = useI18n()
|
||
</script>
|