微信小程序中遇到的iOS兼容性问题小结
前言
随着小程序的热度不减,更多的电商大佬来时使用小程序,在微信小程序开发中,经常会遇到一些兼容性的问题,下面这篇文章就记录下在微信小程序中遇到的一些兼容性问题,iOS兼容性
1.iOS中input的placeholder属性字体不居中
- 对placeholder设置line-height及font-size
- 对input设置高度
2.iOS中滚动卡顿
- 设置-webkit-overflow-scrolling:touch;
3.微信小程序中解决iOS中newDate()时间格式不兼容
在实现倒计时,根据后台返回的时间格式转换时,后台返回了时间格式为”2018-11-1211:12:11”,然后利用newDate()转换时,ios中无法展示,安卓中显示正常
lettime='2018-12-1011:11:11'; lettemporaryTime1=newDate(time); this.setData({ timeRemain1:temporaryTime1, }) /*利用正则表达式替换时间中的”-”为”/”即可*/ lettime='2018-12-1011:11:11'; lettemporaryTime=newDate(time.replace(/-/g,'/')); lettemporaryTime1=newDate(time); this.setData({ timeRemain:temporaryTime, timeRemain1:temporaryTime1, })
4.微信小程序scroll-view隐藏滚动条方法
在wxss里加入以下代码:
::-webkit-scrollbar{ width:0; height:0; color:transparent; }
暂时遇到的兼容性就是这么多,会持续更新
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对毛票票的支持。