微信小程序bug记录与解决

微信小程序bug记录

textarea

  1. textarea在模拟器上没有padding,可是在真机上会自带padding,而且在外部改不了,并且在安卓和IOS上padding还不一样

第一张图是在开发工具上的,第二张图是在IOS真机上的。从上图可以看出来,在开发工具上显示很正常,而且没有padding,可是在真机上左上角就出现了padding,并且无论你在外部对textarea的padding做任何处理,都无法覆盖。 目前有一种解决方式是根据ios和android的不同平台来给teaxarea设置不同的样式。 解决方法:通过wx.getSystemInfo来获取当前设备的平台(IOS or Android),然后根据不同的平台来设置不同的偏移样式来兼容(可以通过margin:负值)。

  1. textarea层级最高,而且还没办法使用z-index来修改,使得自制modal等组件出现问题。这个问题同样在开发工具上没问题,在真机上才出现问题。 目前的解决方法:在modal弹起的时候,将textarea隐藏掉,具体隐藏方法看3
  2. textarea使用display:none;visibility: hidden; opacity: 0都隐藏不了。 目前的解决方法: textarea.hidden { position: relative; left: -1000%; } <textarea hidden={{isHide}} /> 查阅了官方文档后发现,官方提供了一个hidden这个api,我们可以通过这个api来隐藏掉textarea

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏计算机编程

【vue随手笔记】Vue与ios UIwebview 和 Android webview 交互

8093
来自专栏Web 开发

ubuntu学习手札——中文设置,源设置等等最基本的

3. 对于类似“哪个源更快”这样的问题,并没有一个标准答案。每个人的网络状况有不同,不同网站的下载速度对会不同。更改完设置之后,在Software Sour...

901
来自专栏地方网络工作室的专栏

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(九)再把内容页面渲染出来

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(九)再把内容页面渲染出来 前情回顾 在上一篇博文《Vue2+VueRou...

22410
来自专栏代码小睿

Atom 备份神器 —— Sync Settings

  当 Atom 的扩展越装越多,配置也越来越偏离了系统默认设置时,一旦电脑重装后需要复原开发环境,这将是一件比较头疼的事,但今天发现一个扩展,可以解决这一问题...

29410
来自专栏wOw的Android小站

[iOS] Win8下在Vmware11中安装使用苹果系统OS X 10.10

  近来因为需要做 iOS 的项目,所以需要多花一些时间看看敲敲代码。因为自己手头上并没有 Mac(过年为了闲的时候能玩玩游戏买了联想,唉),想想不能只靠每天在...

1990
来自专栏ionic3+

ionic cordova resources问题说明

ionic cordova resources是用于一键打包生成各分辨率icon和splash的命令,在使用过程中可能会遇到以下问题:

1322
来自专栏零基础使用Django2.0.1打造在线教育网站

零基础使用Django2.0.1打造在线教育网站(十):后台管理配置

努力与运动兼备~~~有任何问题可以加我好友或者关注微信公众号,欢迎交流,我们一起进步!

3021
来自专栏Objective-C

iOS-AppStore下载Xcode失败,解决办法(一)

3564
来自专栏静下来

设置wordpress文章标题在新标签打开

这个问题我也是今天才发现,我这个网站的标题是在当前页面打开的。 我个人是一直不喜欢这种打开方式的,不管是我自己的网站,还是别人的某些网站。 我觉得这样,有时...

3884
来自专栏自动化测试实战

《selenium2 python 自动化测试实战》(13)——上传文件

3876

扫码关注云+社区

领取腾讯云代金券