前言
最近快速开发小红书小程序,代码是从另外的项目(抖音、h5)拷过来的,一路曲折。模拟器样式错乱、胶囊位置错乱、模拟器无法横向滚动元素、真机编译报错等等,令人烦躁。期间和小红书的技术多次对接,他们也及时修复了一些bug,但还是有些没能修复,现在记录几个真正影响上线的bug。
bug类型
目前较为影响的是页面交互的bug和一些api。
胶囊位置
其实说的是隐形位置,即胶囊的左边有一部分隐形区域。
在模拟器、IOS真机上,如图靠近胶囊的 ICON 是可以点击的,但是在安卓真机上,点击后无反应,就像是有一个隐形的遮罩盖住了一样。这个已经是提了工单。
小红书技术反馈没有遇到相关问题,但我们这边不管是真机调试还是体验版,在安卓上都是一样的,无法点击。
点击失效
这是一个偶现的操作,在tab页面点击进入二级页面之后,返回 tabBar 页面,此时所有的 tabBar 页面里的点击事件失效,即无法触发任何元素的点击事件。
目前我们页面中的点击事件有两种,一是普通点击事件,如打开弹窗等。一是跳转,封住了uniapp 的 uni.的跳转方法。 目前偶现,不知道是手机卡导致的点击事件响应慢,还是跳转的页面栈有问题。
各位大佬有没有遇到过此种情况的
模拟器死机
就是整个模拟器面板都无法点击,且关闭了【编辑器】,仅保留【调试器】,此时在windows电脑上,模拟器右上角的最小化、关闭图标都消失了。只能通过 任务栏 关掉窗口。
滚动失效
在常见的 tab 栏中,横向滚动是基本的功能,但是在小红书的模拟器中,无法横向滚动。使用鼠标时,长按鼠标左键模拟拖动,并不能实现元素的左右拖动。
回弹效果
在IOS上,当页面是无法滚动时,上下拖动页面会有一个回弹的效果。在某些需求下,并不需要这种效果,而是要求页面是固定不动的,在微信小程序上,是可以 对 page 设置 overflow: hidden 来实现的,但是在小红书上并不生效。