美文网首页
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