diff --git a/docs/changelog/3.2.md b/docs/changelog/3.2.md index a96bf2b6..774c97ef 100644 --- a/docs/changelog/3.2.md +++ b/docs/changelog/3.2.md @@ -61,12 +61,42 @@ - 新增 `resolvePosterUrl` 工具函数,统一处理外部 URL 和本地路径 - 重新设计 LLM 设置面板 - 重新设计设置、下载器、播放器、日志页面样式 +- 全新移动端优先响应式设计 + - 三层断点系统:手机 (<640px)、平板 (640-1023px)、桌面 (≥1024px) + - 手机端底部导航栏(带图标和文字标签) + - 平板端迷你侧边栏(56px 图标导航) + - 移动端弹出框自动切换为底部抽屉(Bottom Sheet) + - 下拉刷新(Pull-to-Refresh)支持 + - 水平滑动容器(Swipe Container)支持 + - 移动端卡片列表替代数据表格(RSS 页面) + - CSS Grid 响应式布局(Bangumi 卡片网格) + - 表单标签在移动端垂直堆叠,输入框全宽 + - 触摸目标最小 44px,符合无障碍标准 + - 安全区域适配(刘海屏设备) + - `100dvh` 动态视口高度(解决移动浏览器地址栏问题) + - `viewport-fit=cover` 支持全面屏设备 + +### New Components + +- `ab-bottom-sheet` — 触摸驱动的底部抽屉组件(拖拽关闭、最大高度限制) +- `ab-adaptive-modal` — 自适应弹窗(移动端底部抽屉 / 桌面端居中对话框) +- `ab-pull-refresh` — 下拉刷新包装组件 +- `ab-swipe-container` — 水平滑动容器(CSS scroll-snap) +- `ab-data-list` — 移动端友好的卡片列表(替代 NDataTable) +- `ab-mobile-nav` — 增强型底部导航栏(图标 + 标签 + 活动指示器) +- `useSafeArea` — 安全区域 composable ### Changes - 重构搜索逻辑,移除 rxjs 依赖 - 搜索 Store 导出重构,匹配组件期望格式 - 升级前端依赖 +- 断点系统从单一 1024px 扩展为 640px + 1024px 两级 +- `useBreakpointQuery` 新增 `isTablet`、`isMobileOrTablet`、`isTabletOrPC` +- `media-query.vue` 新增 `#tablet` 插槽(回退到 `#mobile`) +- UnoCSS 新增 `sm: 640px` 断点 +- `ab-input` 样式移动端全宽 + 增高触摸目标 +- 布局使用 `dvh` 单位替代 `vh`,支持 safe-area-inset ## CI/Infrastructure