功能演示页面
测试移动端菜单
在移动设备上或缩小浏览器窗口，点击右上角的汉堡菜单图标。
- 菜单从左侧滑入
- 带有半透明遮罩背景
- 点击遮罩或关闭按钮可关闭菜单
- 按 ESC 键也可以关闭菜单
- 菜单打开时页面无法滚动
测试搜索功能
点击右上角的搜索图标或按键盘上的 "/" 键。
- 搜索框弹出时自动聚焦
- 支持搜索解决方案和瑜伽体式
- 显示搜索历史记录
- 显示热门搜索建议
- 使用方向键导航搜索结果
- 按 Enter 选择结果
- 按 ESC 关闭搜索框
响应式设计
调整浏览器窗口大小来测试响应式布局。
- 桌面端：显示完整导航菜单
- 平板端：适当调整间距和字体
- 移动端：显示汉堡菜单