您當前位置: 南順網絡>> 官方資訊>> 建站知識

微信小程序中遇到的(de)iOS兼容性問題小結

随着小程序的(de)熱度不減,更多的(de)電商大佬來時使用小程序,在微信小程序開發中,經常會遇到一(yī)些兼容性的(de)問題,下面這篇文章(zhāng)就記錄下在微信小程序中遇到的(de)一(yī)些兼容性問題,iOS兼容性

1.iOS中input的(de)placeholder屬性字體不居中

  • 對placeholder設置line-height及font-size

  • 對input設置高(gāo)度

2.iOS中滾動卡頓

  • 設置-webkit-overflow-scrolling:touch;

  2. 微信小程序中解決iOS中new Date() 時間格式不兼容

在實現倒計時,根據後台返回的(de)時間格式轉換時,後台返回了時間格式為(wèi)”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,

})

/* 利用正則表達式替換時間中的(de)”-”為(wèi)”/”即可(kě) */

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,

 })



在wxss裏加入以下代碼:4. 微信小程序scroll-view隐藏滾動條方法


::-webkit-scrollbar{

width: 0;

height: 0;

color: transparent;

}


總結暫時遇到的(de)兼容性就是這麽多,會持續更新

以上就是這篇文章(zhāng)的(de)全部內(nèi)容了,希望本文的(de)內(nèi)容對大家的(de)學(xué)習或者工作具有一(yī)定的(de)參考學(xué)習價值,如(rú)果有疑問大家可(kě)以留言交流,謝謝大家對腳本之家的(de)支持。


編輯:--ns868