手机阅读
菜单关掉以后,正文、注册按钮和底部快捷都应该能点
小屏页面最常见的困扰不是内容,而是遮罩是否还留在页面上。正确状态是:菜单关闭后遮罩立即消失并停止拦截点击。
顶部
左侧菜单,中间品牌,右侧注册入口,保持一行显示。
抽屉
只在打开时滑出;点击关闭、遮罩或按 Esc 都应收起。
底部
首页、索引、APP和帮助四个快捷入口持续可见。
关闭菜单后的检查顺序
- 先点顶部注册入口,确认没有透明层挡住。
- 再点正文中的栏目链接,确认可以正常跳转。
- 最后点底部快捷入口,确认没有残留遮罩。
如果只有某一个链接无反应,可到帮助中心继续排查;如果涉及账户登录,则转到账户安全。
窄屏页面首先保证“能点”
视觉排版再整齐,如果透明遮罩覆盖在正文上,用户仍然无法完成正常浏览。因此手机端的基础逻辑是:默认遮罩不显示且不接收点击;打开菜单时才显示;关闭菜单时同步移除菜单、遮罩和页面锁定状态。
375、390 与 430 像素宽度下,顶部保持左侧菜单、中间品牌、右侧注册入口三段式,不折成两行。正文图片完整缩放,页面本身也不应出现横向滚动。
显示异常时的分流
如果只是某张图片没有加载,页面应出现同尺寸深色占位而不是破图;如果导航或链接异常,则查看帮助中心;涉及登录或账号状态时直接转到账户安全。
