LayoutSetting 布局设置
全面的布局与外观设置面板。浮动按钮（旋转齿轮图标）点击后打开全宽抽屉，包含三个标签页：布局（9 种布局可视化卡片）、主题（基础外观颜色）、导航色彩（侧边/顶部菜单颜色自定义）。所有更改通过 useAppStore 即时应用。
基本用法
vue
<template>
<LayoutSetting />
</template>
<script setup>
import { LayoutSetting } from '@/components/common'
</script>无 Props、无 Events、无 Slots。纯自包含组件，直接放置于任意布局中即可。
三大标签页
| 标签页 | 说明 |
|---|---|
| 布局 | 9 种布局方案的可视化卡片选择器（含实时预览） |
| 主题 | 基础外观颜色选择（主色、背景色等） |
| 导航色彩 | 侧边栏菜单和顶部菜单的广泛颜色自定义 |