美文网首页
mui 设置状态栏颜色,监听手机物理返回键

mui 设置状态栏颜色,监听手机物理返回键

作者: 路尔轩 | 来源:发表于2019-10-25 14:51 被阅读0次
<!--在index.html引用mui.js-->
<script src="static/mui/mui.min.js"></script>
<!--在index.html中写下面代码-->
<script type="text/javascript">
      mui.plusReady(function() {
        // 设置状态栏的颜色
        let type = plus.os.name; // 判断设备是否是IOS。可以给IOS设置单独的状态栏颜色
        if(type == "iOS") {
          plus.navigator.setStatusBarBackground("#000000");
        } else {
          plus.navigator.setStatusBarBackground("#cccccc");
        }
        // 监听手机物理返回键
        let backButtonPress = 0;
        mui.back = function() {
          backButtonPress ++
          let path = window.location.hash.split('/').pop();
          let ignoreArr = ['login', ""]; // 设置按两次推出应用的路由
          if (ignoreArr.indexOf(path) > -1) {
            if (backButtonPress > 1) {
              plus.runtime.quit(); // 退出应用
            } else {
              plus.nativeUI.toast('再按一次退出应用');
            }
          }else{
            // 不在设定的路由则返回
            backButtonPress = 0
            window.history.go(-1);
          }
        }
      });
    </script>

相关文章

网友评论

      本文标题:mui 设置状态栏颜色,监听手机物理返回键

      本文链接:https://www.haomeiwen.com/subject/rubsvctx.html