欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

微信小程序中遇到的iOS兼容性问题小结

程序员文章站 2022-06-11 22:23:00
前言 随着小程序的热度不减,更多的电商大佬来时使用小程序,在微信小程序开发中,经常会遇到一些兼容性的问题,下面这篇文章就记录下在微信小程序中遇到的一些兼容性问题,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;
}

暂时遇到的兼容性就是这么多,会持续更新

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。