Yuhang Wu
5e48a0bbdd
新增设置菜单入口，将其放在侧边栏底部系统信息区下方 统一背景绘制到 html 元素上，避免元素高度差导致的留白 临时下架背景选项 bg-3，调整侧边栏布局与样式 新增中英文的设置翻译文本，优化系统信息区的间距
29 lines
746 B
Vue
29 lines
746 B
Vue
<template>
|
||
<!-- 应用整体：背景由 <html> 统一绘制，此处只负责布局 -->
|
||
<div class="app-shell flex h-full w-full flex-col overflow-hidden">
|
||
<!-- 顶部自定义 TitleBar -->
|
||
<Header @settings="goToSetting" />
|
||
|
||
<!-- 主体：侧边栏 + 内容区 -->
|
||
<div class="flex min-h-0 flex-1 gap-3 px-3 pb-3">
|
||
<Aside />
|
||
|
||
<main class="glass-panel min-w-0 flex-1 overflow-y-auto">
|
||
<router-view />
|
||
</main>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import Header from "./header/Header.vue"
|
||
import Aside from "./aside/Aside.vue"
|
||
|
||
const router = useRouter()
|
||
|
||
/** 点击标题栏“设置”按钮 → 跳转设置页 */
|
||
function goToSetting() {
|
||
router.push("/setting")
|
||
}
|
||
</script>
|