feat(layout): 添加侧边栏并优化布局结构

- 在 +layout.svelte 中引入 Sidebar 组件并调整整体布局
- 使用 Flexbox 实现侧边栏与主内容区域的响应式布局
- 更新 Header 样式,使用 fixed 定位并添加阴影效果- 新增全局 CSS 变量以统一背景色调
- 添加 @tauri-apps/plugin-store依赖用于本地存储功能
- 创建 Sidebar 组件,包含导航图标及交互逻辑- 移除页面中旧的临时导航列表,替换为新布局结构
- 调整样式细节,增强视觉一致性和用户体验
This commit is contained in:
Chaos
2025-11-06 00:14:10 +08:00
parent 7aa010c242
commit a024c4a043
7 changed files with 184 additions and 21 deletions

View File

@@ -1,9 +1,7 @@
<div class="app-container">
<ul>
<li on:click={() => goto('/about')}>关于</li>
</ul>
<div class="app-content">
123
</div>
</div>
<style>
@@ -12,5 +10,5 @@
<script>
import { goto } from '$app/navigation';
</script>