微信小程序中遇到的iOS兼容性問題小結
前言
隨著小程序的熱度不減,更多的電商大佬來時使用小程序,在微信小程序開發(fā)中,經(jīng)常會遇到一些兼容性的問題,下面這篇文章就記錄下在微信小程序中遇到的一些兼容性問題,iOS兼容性
1.iOS中input的placeholder屬性字體不居中
- 對placeholder設置line-height及font-size
- 對input設置高度
2.iOS中滾動卡頓
- 設置-webkit-overflow-scrolling:touch;
3.微信小程序中解決iOS中new Date() 時間格式不兼容
在實現(xiàn)倒計時,根據(jù)后臺返回的時間格式轉換時,后臺返回了時間格式為”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;
}
暫時遇到的兼容性就是這么多,會持續(xù)更新
總結
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關文章
JS中的算法與數(shù)據(jù)結構之隊列(Queue)實例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結構之隊列(Queue),結合實例形式詳細分析了javascript中隊列的概念、原理、定義及常見操作技巧,需要的朋友可以參考下2019-08-08
layuimini框架實現(xiàn)點擊菜單欄回到起始頁的解決方案
這篇文章主要介紹了layuimini框架實現(xiàn)點擊菜單欄回到起始頁的解決方案,本文通過圖文示例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-06-06
JavaScript中獲取當前時間yyyymmddhhmmss的六種實現(xiàn)方式
js中提供了一個Date對象供我們獲取當前時間,下面這篇文章主要給大家介紹了關于JavaScript中獲取當前時間yyyymmddhhmmss的六種實現(xiàn)方式,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12

