美文网首页
Mui框架开发跨平台App中的返回方法

Mui框架开发跨平台App中的返回方法

作者: Aaron_0aee | 来源:发表于2018-08-30 16:17 被阅读0次

H5已经可以开发出跨平台App了,用Hbuilder提供的mui.js来开发一款App,我自己经过调试与思考写了一套返回方法,适用于真机调试返回首页、App打包返回首页,一起来看看!

//页面返回新方法
app.newBackToMy = function() {     
   $.back = function(event) { 
      let my;
      let test = plus.webview.all();   //先获取当前App中所有的页面
      if( plus.webview.getWebviewById('login') ){  //  登陆页面进入
          for(var a=0;a<test.length;a++){
              console.log(JSON.stringify(test[a].id) );
              var index = a;
              if(test[a].id != 'my'&&test[a].id != 'login'){
                 console.log( '登陆页面进入:${test[index].id}' )
                 plus.webview.getWebviewById(test[index].id).close();
               }
           };
          my = plus.webview.getWebviewById('my')
      }else{                                  //首页进入
          if( plus.webview.getWebviewById('eawallet') ){  //判断打包返回 eawallet这个打包后的名字是自己的appId
                for(var a=0;a<test.length;a++){
                   console.log(JSON.stringify(test[a].id) );
                   var index = a;
                   if( test[a].id != 'eawallet' ){
                      console.log('22'+test[index].id)
                      plus.webview.getWebviewById(test[index].id).close();
                    }
                  };
                  my = plus.webview.getWebviewById('eawallet');   //  eawallet这个打包后的名字是自己的appId
           }else if( plus.webview.getWebviewById('HBuilder') ){     //  判断真机调试返回
                for(var a=0;a<test.length;a++){
                   console.log(JSON.stringify(test[a].id) );
                   var index = a;
                   if( test[a].id != 'HBuilder' ){
                       console.log( '判断真机调试返回:${test[index].id}' )
                       plus.webview.getWebviewById(test[index].id).close();
                     }
                 };
                 my = plus.webview.getWebviewById('HBuilder');
           };
      };       
      mui.fire(my,'newStatus');
      mui.doAction('backs');
   }
}

相关文章

网友评论

      本文标题:Mui框架开发跨平台App中的返回方法

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