feat(layout): 添加布局组件注释和结构优化

This commit is contained in:
2026-01-27 10:49:19 +08:00
parent b97e404ade
commit 8abde2242a
2 changed files with 5 additions and 0 deletions
+5
View File
@@ -1,13 +1,18 @@
<template> <template>
<div :class="classObj" class="app-wrapper"> <div :class="classObj" class="app-wrapper">
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" /> <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
<!-- 左侧菜单 -->
<sidebar class="sidebar-container" /> <sidebar class="sidebar-container" />
<div :class="{hasTagsView:needTagsView}" class="main-container"> <div :class="{hasTagsView:needTagsView}" class="main-container">
<div :class="{'fixed-header':fixedHeader}"> <div :class="{'fixed-header':fixedHeader}">
<!-- 顶栏bar -->
<navbar /> <navbar />
<!-- 顶栏菜单标签 -->
<tags-view v-if="needTagsView" /> <tags-view v-if="needTagsView" />
</div> </div>
<!-- 右侧内容区 -->
<app-main /> <app-main />
<!-- 右侧布局设置抽屉 -->
<right-panel v-if="showSettings"> <right-panel v-if="showSettings">
<settings /> <settings />
</right-panel> </right-panel>