微信小程序中遇到的(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