feat: 新增动态侧边栏配置功能,优化主题色与侧边栏样式

新增SidebarEntry类型定义与侧边栏配置加载逻辑,支持从服务器拉取sidebar-config.json动态配置侧边栏入口
替换原分类侧边栏为可配置样式,新增CategoryBar分类选择组件,更新品牌色为苹果风格蓝色
重构侧边栏状态管理,拆分activeTab与选中分类逻辑,新增侧边栏入口计数统计
添加SIDEBAR_CONFIG.md文档说明配置格式与使用方法,更新测试用例与组件props
This commit is contained in:
2026-05-18 13:25:52 +08:00
parent f62665cd73
commit c877f0551e
11 changed files with 437 additions and 84 deletions
-3
View File
@@ -72,7 +72,6 @@
class="group block overflow-hidden rounded-xl transition-transform duration-300 hover:scale-[1.02]"
:title="link.more as string"
>
<!-- 图片区域 - 850:400 比例 -->
<div
class="relative w-full aspect-[850/400] overflow-hidden rounded-xl bg-slate-100 dark:bg-slate-800"
>
@@ -88,7 +87,6 @@
imageLoaded[link.url + link.name],
}"
/>
<!-- 图片加载占位符 -->
<div
v-if="!imageLoaded[link.url + link.name]"
class="absolute inset-0 flex items-center justify-center"
@@ -98,7 +96,6 @@
></div>
</div>
</div>
<!-- 文字信息区域 -->
<div class="mt-3 px-1">
<div
class="text-base font-semibold text-slate-900 dark:text-white group-hover:text-brand dark:group-hover:text-brand transition-colors"