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

问题场景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();

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理