手机体验

小屏先确认三段式顶部

手机体验页用步骤方式说明小屏菜单开合、遮罩关闭、底部快捷导航与点击恢复,并连接 APP服务、帮助中心和账户安全。

  1. 小屏先确认三段式顶部

    手机端顶部保持左侧菜单、中间品牌标识、右侧注册入口三段式。375px、390px 与 430px 宽度下都应保持单行,不让按钮与标识重叠。核心横向导航在小屏隐藏,主要栏目通过抽屉和底部快捷导航访问。

  2. 菜单打开与关闭

    打开菜单时,抽屉从左侧进入,页面遮罩只在菜单开启后出现。点击遮罩、关闭按钮或按 Esc 都可以关闭;关闭后遮罩不再接收点击,正文链接、注册入口和底部导航应立刻恢复。

  3. 关闭后检查点击是否恢复

    若手机端仍有点击异常,可先刷新页面,再从帮助中心查看常见问题。阅读主题内容时可从麻将胡了或主题大厅开始;涉及账号时进入账户安全。

除了菜单本身,小屏还要注意页面是否出现横向滚动。正常情况下,图片、文字和按钮都会限制在视口宽度内,海报也会保持完整显示;如果需要放大阅读,可以使用浏览器自身缩放,而不是依赖页面中的独立滚动框。

底部快捷导航只保留四个高频入口,目的是让主要路径稳定。想进入 PG电子、PP电子 等主题时,从左侧菜单或主题大厅选择更合适,不会在底栏继续堆叠更多链接。

在 375px、390px 与 430px 等常见宽度下,顶部三段式应保持单行。若品牌标识素材尺寸较大,会通过最大宽度限制自动缩放,而不是挤压右侧注册入口或让顶部折行。