MuYunyun/create-react-doc

优化首页菜单区域可可交互时间过长的问题

Closed this issue · 1 comments

  • 菜单栏优化。(关联 issue: #222)
  • 升级 React 18,使用新特性。

当前 menu 包含的内容过多,可以借鉴 https://1logistics-prototype.netlify.app/portal,将其拆分为导航栏 + 面包屑的形式,从而优化首页菜单区域可交互时间过长的问题。

image

image

优化交互体验

image

  • 访问内容页路由时,收起菜单侧边栏以提高首屏加载体验。具体说明如下:
    • 优势一: 用户可以聚焦访问内容区,提升阅读体验。
    • 优势二: 菜单区域渲染内容复杂,隐藏其加载过程,提升阅读体验。
  • 菜单侧边栏展开后,选中项自动滚动到视口内。