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

mingzhong 发布于2019-08-23 12:37 / 802人阅读

摘要：记录下在微信小程序中遇到的一些兼容性问题，兼容性中的属性字体不居中对设置及对设置高度中滚动卡顿设置微信小程序中解决中时间格式不兼容在实现倒计时，根据后台返回的时间格式转换时，后台返回了时间格式为，然后利用转换时，中无法展示，安

记录下在微信小程序中遇到的一些兼容性问题，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布局）

云服务器 GPU云服务器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98837.html

微信小程序iOS端如何暂停animated动画

摘要：可以通过查询它来确定动画是否正在运行。另外，它的值可以被设置为暂停和恢复的动画的重放。在文档中了解到，这是一个实验中的功能，但是其作用还是强大的。也就是说我们使用这个方法可以获取一个正在进行动画的元素当前的值。在知道有animation-play-state这个animation的参数时，我内心是激动的。在得知iOS端并不支持时，一股凉意袭来 animation-play-state...

miracledan 2019-08-23 10:30 评论0 收藏0
原创：跳坑指南——微信小程序真机预览跟本地不同的问题

摘要：微信小程序中出现最多的一个问题，就是真机跟本地不同我简单列举一些我发现的原因，给大家参考，大家也可以把自己发现的东西回复给我，给我参考本地看不到数据，就先让本地能看到数据，再看本帖。。。。微信小程序中出现最多的一个问题，就是真机跟本地不同：我简单列举一些我发现的原因，给大家参考，大家也可以把自己发现的东西回复给我，给我参考：本地看不到数据，就先让本地能看到数据，再看本帖。。。。 1...

icyfire 2019-08-21 15:01 评论0 收藏0
原创：跳坑指南——微信小程序真机预览跟本地不同的问题

摘要：微信小程序中出现最多的一个问题，就是真机跟本地不同我简单列举一些我发现的原因，给大家参考，大家也可以把自己发现的东西回复给我，给我参考本地看不到数据，就先让本地能看到数据，再看本帖。。。。微信小程序中出现最多的一个问题，就是真机跟本地不同：我简单列举一些我发现的原因，给大家参考，大家也可以把自己发现的东西回复给我，给我参考：本地看不到数据，就先让本地能看到数据，再看本帖。。。。 1...

itvincent 2019-08-14 17:09 评论0 收藏0