手机阅读

菜单关掉以后,正文、注册按钮和底部快捷都应该能点

小屏页面最常见的困扰不是内容,而是遮罩是否还留在页面上。正确状态是:菜单关闭后遮罩立即消失并停止拦截点击。

顶部

左侧菜单,中间品牌,右侧注册入口,保持一行显示。

抽屉

只在打开时滑出;点击关闭、遮罩或按 Esc 都应收起。

底部

首页、索引、APP和帮助四个快捷入口持续可见。

关闭菜单后的检查顺序

  1. 先点顶部注册入口,确认没有透明层挡住。
  2. 再点正文中的栏目链接,确认可以正常跳转。
  3. 最后点底部快捷入口,确认没有残留遮罩。

如果只有某一个链接无反应,可到帮助中心继续排查;如果涉及账户登录,则转到账户安全。

窄屏页面首先保证“能点”

视觉排版再整齐,如果透明遮罩覆盖在正文上,用户仍然无法完成正常浏览。因此手机端的基础逻辑是:默认遮罩不显示且不接收点击;打开菜单时才显示;关闭菜单时同步移除菜单、遮罩和页面锁定状态。

375、390 与 430 像素宽度下,顶部保持左侧菜单、中间品牌、右侧注册入口三段式,不折成两行。正文图片完整缩放,页面本身也不应出现横向滚动。

显示异常时的分流

如果只是某张图片没有加载,页面应出现同尺寸深色占位而不是破图;如果导航或链接异常,则查看帮助中心;涉及登录或账号状态时直接转到账户安全。