微信伟德国际电脑版充值中的ios兼容性问题

Rolan 2018-11-1 00:32

记录下在微信伟德国际电脑版充值中遇到的一些兼容性问题,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{
width0;
height0;
color: transparent;
}
暂时遇到的兼容性就是这么多,会持续更新,若大家有遇到,可在评论区告知下,感谢


正在努力学习中,若对你的学习有帮助,留下你的印记呗(点个赞咯^_^)
分享至 : QQ空间
收藏
原作者: ZJW0215 来自: segmentfault