feat(layout): 添加侧边栏并优化布局结构
- 在 +layout.svelte 中引入 Sidebar 组件并调整整体布局 - 使用 Flexbox 实现侧边栏与主内容区域的响应式布局 - 更新 Header 样式,使用 fixed 定位并添加阴影效果- 新增全局 CSS 变量以统一背景色调 - 添加 @tauri-apps/plugin-store依赖用于本地存储功能 - 创建 Sidebar 组件,包含导航图标及交互逻辑- 移除页面中旧的临时导航列表,替换为新布局结构 - 调整样式细节,增强视觉一致性和用户体验
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user