移動端MUI重寫alert優化提示框樣式及頁面加載動畫

問題場景1:

在移動端h5的開發中,由於前期開發使用了是原生的alert來提示,會有在不一樣機型樣式不統一,還會出如今彈窗標題出現網址的問題,顯示很是不友好,在mui項目中能夠直接使用mui的alert組件實現消息提示來解決這個問題。可是由於長期下來alert的地方太多,改動量大,有沒有什麼一勞永逸的辦法。javascript

解決方法:

直接重寫瀏覽器window下的alert函數java

window.alert = function (msg, title) {...

這樣就能簡單的實現alert變爲mui.alert效果了
直接在js執行比較靠前的地方引入如下js瀏覽器

//引用當前js注意會重寫如下函數
window.alert = function (msg, title) {
  if (typeof title === "undefined") {
    title = "提示";
  }
  mui.alert("" + msg, title);
};

問題場景2:

由於在移動端封殼的app瀏覽器的加載進度條在頂部不太顯眼,須要實現一個頁面進入的一個加載動畫:app

解決方法:

//引入mui、muiLoading
//默認頁面進入時進行加載動畫
mui.showLoading();
window.onload = function () { 
  mui.hideLoading();
};

或者是在請求完成的時候進行mui.hideLoading();ide

相關文章
相關標籤/搜索