手机体验

用三个步骤检查手机端是否工作正常

手机体验的检查重点不是动画效果,而是可用性:顶部是否重叠、抽屉是否能关闭、关闭后遮罩是否真正消失、页面上的入口是否立刻恢复点击。

1

检查顶部

确认菜单、品牌与注册入口同一行显示。

2

开关抽屉

确认遮罩只在打开时接收点击。

3

恢复点击

关闭后依次测试正文和底部入口。

步骤一:先看顶部

在 375、390、430 像素宽度下,顶部应保持左侧菜单、中间品牌、右侧注册入口三部分,并且始终是一行。横向主题频道在手机端隐藏,避免挤压。

如果顶部发生换行,应先检查宽度与按钮内边距,而不是增加页面横向滚动。

步骤二:打开再关闭菜单

点击左上按钮后抽屉滑入,遮罩可见并接收点击。关闭时,抽屉移出、遮罩隐藏且 pointer-events 关闭,body 的滚动锁定也一并解除。

点遮罩、点关闭按钮、按 Esc 三种方式都应得到相同结果。

步骤三:立刻测试页面点击

关闭菜单后,依次点击注册入口、正文文字链和底部快捷入口。如果三者都能立即响应,说明遮罩状态已经正确清理。

如仍有问题,可进入帮助中心查看分类说明,或回到 APP服务核对移动端入口关系。