微信小程式中的iOS相容性問題

ZJW0215發表於2018-10-30
微信小程式iOS

記錄下在微信小程式中遇到的一些相容性問題，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;
}

暫時遇到的相容性就是這麼多，會持續更新，若大家有遇到，可在評論區告知下，感謝

正在努力學習中，若對你的學習有幫助，留下你的印記唄（點個贊咯^_^）

相關文章