小程序模板網(wǎng)

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

發(fā)布時間:2018-11-02 09:14 所屬欄目:小程序開發(fā)教程

1.ios中input的placeholder屬性字體不居中

  • 對placeholder設(shè)置line-height及font-size
  • 對input設(shè)置高度

2.ios中滾動卡頓

  • 設(shè)置-webkit-overflow-scrolling:touch;

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

  • 在實現(xiàn)倒計時,根據(jù)后臺返回的時間格式轉(zhuǎn)換時,后臺返回了時間格式為”2018-11-12 11:12:11”,然后利用new Date() 轉(zhuǎn)換時,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ù)更新,若大家有遇到,可在評論區(qū)告知下,感謝

 


正在努力學(xué)習(xí)中,若對你的學(xué)習(xí)有幫助,留下你的印記唄(點個贊咯^_^)
  • 往期好文推薦:

    • 判斷ios和Android及PC端
    • 實現(xiàn)文字的省略號
    • 純css實現(xiàn)瀑布流(multi-column多列及flex布局)


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/24925.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢