关于前端:移动端MUI重写alert优化提示框样式及页面加载动画

52次阅读

共计 568 个字符,预计需要花费 2 分钟才能阅读完成。

问题场景 1:

在挪动端 h5 的开发中,因为后期开发应用了是原生的 alert 来提醒,会有在不同机型款式不对立,还会呈现在弹窗题目呈现网址的问题,显示十分不敌对,在 mui 我的项目中能够间接应用 mui 的 alert 组件实现音讯提醒来解决这个问题。然而因为长期下来 alert 的中央太多,改变量大,有没有什么一劳永逸的方法。

解决办法:

间接重写浏览器 window 下的 alert 函数

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 浏览器的加载进度条在顶部不太显眼,须要实现一个页面进入的一个加载动画:

解决办法:

// 引入 mui、muiLoading
// 默认页面进入时进行加载动画
mui.showLoading();
window.onload = function () {mui.hideLoading();
};

或者是在申请实现的时候进行mui.hideLoading();

正文完
 0