## 背景 桌面端侧栏导航已在 `FloatingShell.tsx` 中重构为分组结构(`NAV_TREE`): - **风格** 分组下两项: - `style` → 文案「润色模式」(`nav.polishMode`) - `marketplace` → 文案「风格市场」(`nav.marketplace`) - **工具** 分组:`selectionAsk`(划词追问)、`translation`(翻译) `Marketplace` 已从 `Style` 页内 modal 拆为独立页面(`pages/Marketplace.tsx`)。 ## 问题 移动端导航**未跟进**上述结构调整: 1. **底栏**(`MOBILE_BOTTOM_TABS`)仅三项:`overview` / `history` / `style`,第三项仍使用 `nav.style`(「风格」),无「风格市场」入口。 2. **更多** 面板(`MobileMoreSheet.tsx`)仅含:`vocab`、`translation`、`selectionAsk` + 设置,同样缺少 `marketplace`。 3. 用户在移动端无法进入风格市场浏览/安装社区风格包,与桌面端功能不对等。 ## 相关代码 - `openless-all/app/src/components/FloatingShell.tsx` - 桌面:`NAV_TREE` 风格分组(约 L66–72) - 移动:`MOBILE_BOTTOM_TABS`(约 L571–575)、`MobileMoreSheet` 引用 - `openless-all/app/src/components/MobileMoreSheet.tsx` — `MORE_TABS` 列表 - `openless-all/app/src/i18n/zh-CN.ts` — `nav.polishMode` / `nav.marketplace` - `openless-all/app/src/state/useAppState.ts` — `AppTab` 已包含 `marketplace` ## 建议方案(可与桌面语义对齐) - 底栏第三项文案改为「润色模式」(`nav.polishMode`),或保持图标但更新 label; - 将「风格市场」加入移动端可达入口,例如: - 放入 `MobileMoreSheet`;或 - 底栏增加第四项 / 风格子菜单; - 切换至 `marketplace` 时 `MobileTopBar` 标题应显示 `nav.marketplace`(`subItemLabelKey` 已支持)。 ## 验收 - [ ] 移动端可进入「风格市场」页面(`Marketplace`) - [ ] 导航文案与桌面侧栏分组语义一致(润色模式 vs 风格市场) - [ ] 底栏 / 更多面板布局在常见 Android 屏宽下无挤压、溢出
Activity
fix(android): sync mobile style group nav with desktop sidebar
fix(android): sync mobile style group nav with desktop sidebar (#864)