微信小程序bug记录

文本区域

1.textarea在模拟器上是没有填充的，但是在真机上会自带填充，而且不能对外更改，在安卓和IOS上是不一样的

第一张图在开发工具上，第二张图在IOS真机上。从上图可以看出，开发工具上的显示是正常的，没有填充，但是填充出现在真机的左上角，无论你在外部对textarea的填充做了什么，都无法覆盖。目前一种解决方案是根据ios和安卓的不同平台为teaxarea设置不同的风格。解决方法：通过wx.getSystemInfo获取当前设备的平台(IOS或安卓)，然后根据不同的平台设置不同的偏移样式进行兼容(可以使用margin:的负值)。

2.textarea级别最高，z-index无法修改，使得自制的modal等组件存在问题。这个问题在开发工具中是没有问题的，只是在真实的机器中。

当前解决方案：当模式反弹时，隐藏textarea。具体隐藏方法见3

3.textarea使用display:nonevisibility:隐藏；Opacity: 0无法隐藏。

当前解决方案：

textarea.hidden { position:相对；左侧：-1000%；}摘要

以上是边肖介绍的微信小程序的bug记录和解决方案。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！