背景
桌面端侧栏导航已在 FloatingShell.tsx 中重构为分组结构(NAV_TREE):
- 风格 分组下两项:
style → 文案「润色模式」(nav.polishMode)
marketplace → 文案「风格市场」(nav.marketplace)
- 工具 分组:
selectionAsk(划词追问)、translation(翻译)
Marketplace 已从 Style 页内 modal 拆为独立页面(pages/Marketplace.tsx)。
问题
移动端导航未跟进上述结构调整:
- 底栏(
MOBILE_BOTTOM_TABS)仅三项:overview / history / style,第三项仍使用 nav.style(「风格」),无「风格市场」入口。
- 更多 面板(
MobileMoreSheet.tsx)仅含:vocab、translation、selectionAsk + 设置,同样缺少 marketplace。
- 用户在移动端无法进入风格市场浏览/安装社区风格包,与桌面端功能不对等。
相关代码
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 已支持)。
验收
背景
桌面端侧栏导航已在
FloatingShell.tsx中重构为分组结构(NAV_TREE):style→ 文案「润色模式」(nav.polishMode)marketplace→ 文案「风格市场」(nav.marketplace)selectionAsk(划词追问)、translation(翻译)Marketplace已从Style页内 modal 拆为独立页面(pages/Marketplace.tsx)。问题
移动端导航未跟进上述结构调整:
MOBILE_BOTTOM_TABS)仅三项:overview/history/style,第三项仍使用nav.style(「风格」),无「风格市场」入口。MobileMoreSheet.tsx)仅含:vocab、translation、selectionAsk+ 设置,同样缺少marketplace。相关代码
openless-all/app/src/components/FloatingShell.tsxNAV_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.marketplaceopenless-all/app/src/state/useAppState.ts—AppTab已包含marketplace建议方案(可与桌面语义对齐)
nav.polishMode),或保持图标但更新 label;MobileMoreSheet;或marketplace时MobileTopBar标题应显示nav.marketplace(subItemLabelKey已支持)。验收
Marketplace)