使用手机app返回事件

注意：app打包时，app偏好设置：返回键选择为禁用（在打包时与运维沟通）

一．首页连续点击两次返回键退出app

1.在页面添加一个布局，转换为层

2.编辑层内容，通过wide里的逻辑里设置如下：

设置逻辑：

1.当页面

2.发生手机app返回键点击

3.则当前元素

4.产生某效果绑定数据编程额外参数

var btn1 = _vm.click1();
 if (btn1 == "1") {
                 show();

_vm.click1(2);
              var intervalID = window.setInterval(
                function () {
                    window.clearInterval(intervalID);
                     _vm.click1(1);
                },3000);
             }else if (btn1 == "2") {
                 hidden();
                _vm.click1(1);
             }
                function show() {
                _vm.xianshi("show"); 
                }
                function hidden() {
                    window.top.close();
                }

5.注意：绑定逻辑的元素上一定要添加固定id，id为 backbutton

3.在页面添加添加一个布局，添加弹窗：

弹窗代码：

<div class="row clearfix">
<div class="col-md-12 column">
<div data-anim="up2down" data-autoclose="3000" data-backdrop="false" data-bind="attr: {"data--show":xianshi}" data-position="bottom" data-style="shadow" data-uselayer="fhts" data-width="default" data-wwclass="modal1" role="dialog" style="overflow:auto!important;" tabindex="-1">
<div class="modal-dialog" role="document" style="width: 150px;bottom: 70px;">
<div class="modal-content" style="background-color: rgba(0, 0, 0, 0.5);;width: 100%;height: 40px;border-width: 0px;">
<div class="modal-body" data-layername="fhts" style="padding-top: 10px;">层引用元素, 当前引用层为(fhts).</div>
</div>
</div>
</div>
</div>
</div>

4.再加一个布局，转换为层：（弹窗提示内容）

<div class="row clearfix">
<div class="col-md-12 column">
<div data-anim="up2down" data-autoclose="3000" data-backdrop="false" data-bind="attr: {"data--show":xianshi}" data-position="bottom" data-style="shadow" data-uselayer="fhts" data-width="default" data-wwclass="modal1" role="dialog" style="overflow:auto!important;" tabindex="-1">
<div class="modal-dialog" role="document" style="width: 150px;bottom: 70px;">
<div class="modal-content" style="background-color: rgba(0, 0, 0, 0.5);;width: 100%;height: 40px;border-width: 0px;">
<div class="modal-body" data-layername="fhts" style="padding-top: 10px;">层引用元素, 当前引用层为(fhts).</div>
</div>
</div>
</div>
</div>
</div>