- 在 +layout.svelte 中引入 Sidebar 组件并调整整体布局 - 使用 Flexbox 实现侧边栏与主内容区域的响应式布局 - 更新 Header 样式,使用 fixed 定位并添加阴影效果- 新增全局 CSS 变量以统一背景色调 - 添加 @tauri-apps/plugin-store依赖用于本地存储功能 - 创建 Sidebar 组件,包含导航图标及交互逻辑- 移除页面中旧的临时导航列表,替换为新布局结构 - 调整样式细节,增强视觉一致性和用户体验
14 lines
116 B
Svelte
14 lines
116 B
Svelte
<div class="app-container">
|
|
<div class="app-content">
|
|
123
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
|
|
</script> |