乐趣区

微信小程序中的ios兼容性问题

记录下在微信小程序中遇到的一些兼容性问题,ios 兼容性
1.ios 中 input 的 placeholder 属性字体不居中

对 placeholder 设置 line-height 及 font-size
对 input 设置高度

2.ios 中滚动卡顿
设置 -webkit-overflow-scrolling:touch;
3. 微信小程序中解决 ios 中 new Date() 时间格式不兼容
在实现倒计时,根据后台返回的时间格式转换时,后台返回了时间格式为”2018-11-12 11:12:11”,然后利用 new Date() 转换时,ios 中无法展示,安卓中显示正常
let time = ‘2018-12-10 11:11:11’;
let temporaryTime1 = new Date(time);
this.setData({
timeRemain1: temporaryTime1,
})
/* 利用正则表达式替换时间中的”-”为”/”即可 */
let time = ‘2018-12-10 11:11:11′;
let temporaryTime = new Date(time.replace(/-/g,’/’));
let temporaryTime1 = new Date(time);
this.setData({
timeRemain: temporaryTime,
timeRemain1: temporaryTime1,
})
4. 微信小程序 scroll-view 隐藏滚动条方法
在 wxss 里加入以下代码:
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
暂时遇到的兼容性就是这么多,会持续更新,若大家有遇到,可在评论区告知下,感谢

正在努力学习中,若对你的学习有帮助,留下你的印记呗(点个赞咯 ^_^)

往期好文推荐:

判断 ios 和 Android 及 PC 端
实现文字的省略号
纯 css 实现瀑布流(multi-column 多列及 flex 布局)

退出移动版