关于微信小程序bug记录与解决方法


Posted in Javascript onAugust 15, 2018

微信小程序bug记录

textarea

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

关于微信小程序bug记录与解决方法
关于微信小程序bug记录与解决方法

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

2,textarea层级最高,而且还没办法使用z-index来修改,使得自制modal等组件出现问题。这个问题同样在开发工具上没问题,在真机上才出现问题。

目前的解决方法:在modal弹起的时候,将textarea隐藏掉,具体隐藏方法看3

3.textarea使用display:none;visibility: hidden; opacity: 0都隐藏不了。

目前的解决方法:

textarea.hidden {
  position: relative;
  left: -1000%;
}

总结

以上所述是小编给大家介绍的关于微信小程序bug记录与解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript Tab 导航插件 (23个)
Jun 11 Javascript
向大师们学习Javascript(视频与PPT)
Dec 27 Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
Dec 28 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
原生的html元素选择器类似jquery选择器
Oct 15 Javascript
Javascript技术栈中的四种依赖注入详解
Feb 23 Javascript
详解Vue2.0里过滤器容易踩到的坑
Jun 01 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
Jan 16 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
Vue中的vue-resource示例详解
Nov 02 Javascript
Vue实现table上下移动功能示例
Feb 21 Javascript
react中useState使用:如何实现在当前表格直接更改数据
Aug 05 Javascript
layui select获取自定义属性方法
Aug 15 #Javascript
Vue自定义toast组件的实例代码
Aug 15 #Javascript
JavaScript中set与get方法用法示例
Aug 15 #Javascript
基于JavaScript实现瀑布流布局
Aug 15 #Javascript
解决Layui 表单提交数据为空的问题
Aug 15 #Javascript
jQuery轮播图实例详解
Aug 15 #jQuery
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 #Javascript
You might like
一个阿拉伯数字转中文数字的函数
2006/10/09 PHP
消息持续发送的完整例子
2006/10/09 PHP
解析PayPal支付接口的PHP开发方式
2010/11/28 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
PHP删除数组中空值的方法介绍
2014/04/14 PHP
ioncube_loader_win_5.2.dll的错误解决方法
2015/01/04 PHP
window.showModalDialog使用手册
2007/01/11 Javascript
在JavaScript中使用inline函数的问题
2007/03/08 Javascript
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
javascript getElementsByClassName实现代码
2010/10/11 Javascript
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
浅析jquery某一元素重复绑定的问题
2014/01/03 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
ExpressJS入门实例
2015/01/14 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
angularjs ocLazyLoad分步加载js文件实例
2017/01/17 Javascript
12个非常有用的JavaScript技巧
2017/05/17 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
2020/09/08 Javascript
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
[04:20]DOTA2-DPC中国联赛 正赛 VG vs LBZS 选手采访 1月19日
2021/03/11 DOTA
浅析Python多线程下的变量问题
2015/04/28 Python
Python的Flask框架中SQLAlchemy使用时的乱码问题解决
2015/11/07 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
Python中如何获取类属性的列表
2016/12/26 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
英国绿色商店:Natural Collection
2019/05/03 全球购物
如何写毕业求职自荐信
2013/11/06 职场文书
毕业生的求职信范文分享
2013/12/04 职场文书
多媒体专业自我鉴定
2014/02/28 职场文书
篮球友谊赛通讯稿
2014/10/10 职场文书
女方离婚起诉书
2015/05/18 职场文书
Python打包exe时各种异常处理方案总结
2021/05/18 Python
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js