Skip to content

fix(android): 移动端同步侧栏「润色模式 / 风格市场」导航结构 #862

Description

@HKLHaoBin

背景

桌面端侧栏导航已在 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)仅含:vocabtranslationselectionAsk + 设置,同样缺少 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.tsxMORE_TABS 列表
  • openless-all/app/src/i18n/zh-CN.tsnav.polishMode / nav.marketplace
  • openless-all/app/src/state/useAppState.tsAppTab 已包含 marketplace

建议方案(可与桌面语义对齐)

  • 底栏第三项文案改为「润色模式」(nav.polishMode),或保持图标但更新 label;
  • 将「风格市场」加入移动端可达入口,例如:
    • 放入 MobileMoreSheet;或
    • 底栏增加第四项 / 风格子菜单;
  • 切换至 marketplaceMobileTopBar 标题应显示 nav.marketplacesubItemLabelKey 已支持)。

验收

  • 移动端可进入「风格市场」页面(Marketplace
  • 导航文案与桌面侧栏分组语义一致(润色模式 vs 风格市场)
  • 底栏 / 更多面板布局在常见 Android 屏宽下无挤压、溢出

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions