微信小程序中的iOS兼容性問題

mingzhong 發布于2019-08-23 12:37 / 865人閱讀

摘要：記錄下在微信小程序中遇到的一些兼容性問題，兼容性中的屬性字體不居中對設置及對設置高度中滾動卡頓設置微信小程序中解決中時間格式不兼容在實現倒計時，根據后臺返回的時間格式轉換時，后臺返回了時間格式為，然后利用轉換時，中無法展示，安

記錄下在微信小程序中遇到的一些兼容性問題，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云服務器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/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