Bladeren bron

新增前后台切换插件案列

leijie 4 jaren geleden
bovenliggende
commit
69c9e46cd1

+ 3 - 0
show-server/src/main/resources/server-page.xml

@ -165,4 +165,7 @@
165 165
    <action name="O-positionSign" template="template/webapp/more/opensource/positionSign.html"></action>
166 166
167 167
    <!-- <action name="Pay" template="template/webapp/more/pay.html"/> -->
168
169
    <!--前后台切换-->
170
    <action name="LifeCycle" template="template/webapp/plugins/lifecycle.html"></action>
168 171
</pages>

+ 27 - 0
show-server/src/main/webapp/biz/js/plugins/lifecycle.js

@ -0,0 +1,27 @@
1
require(["ipuMobile","jcl","jquery","ipuUI"], function(IpuMobile,jcl,$,ipuUI) {
2
3
    $.sizeReady(function(){
4
5
        $("#addForeBackGroundListner").click(function () {
6
            IpuMobile.addForeBackGroundListner(function (result) {
7
                alert(result);
8
            });
9
        });
10
11
        $("#deleteForeBackGroundListner").click(function () {
12
            IpuMobile.deleteForeBackGroundListner(function (result) {
13
                alert(result);
14
            });
15
        });
16
17
        IpuMobile.listenerEvent("onForeGround",function () {
18
            IpuMobile.tip("切换到前台")
19
        });
20
21
        IpuMobile.listenerEvent("onBackGround",function () {
22
            IpuMobile.tip("切换到后台")
23
        });
24
25
    });
26
27
});

+ 8 - 0
show-server/src/main/webapp/ipu/frame/mobile/expand-mobile.js

@ -703,6 +703,14 @@ define(["require", "jcl"], function (require, Wade) {
703 703
        //不重启模式还原环境插件
704 704
        storageCallback("resetMobileConfigNoRestart", callback);
705 705
        execute("resetMobileConfigNoRestart", [],err);
706
      },addForeBackGroundListner:function (callback,err) {
707
        //添加界面前后台切换监听
708
        storageCallback("addForeBackGroundListner",callback);
709
        execute("addForeBackGroundListner",[],err);
710
      },deleteForeBackGroundListner:function (callback,err) {
711
        //删除界面前后台切换监听
712
        storageCallback("deleteForeBackGroundListner",callback);
713
        execute("deleteForeBackGroundListner",[],err);
706 714
      }
707 715
    };
708 716
  })();

+ 5 - 0
show-server/src/main/webapp/template/webapp/plugins/index-list.html

@ -185,5 +185,10 @@
185 185
			<p>短视频平台</p>
186 186
		</li>
187 187
188
		<li data-action="LifeCycle">
189
			<div class="ipu-icon mdi mdi-file-video"></div>
190
			<p>前后台切换</p>
191
		</li>
192
188 193
	</ul>
189 194
</div>

+ 51 - 0
show-server/src/main/webapp/template/webapp/plugins/lifecycle.html

@ -0,0 +1,51 @@
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
    <meta charset="UTF-8">
5
    <title>生命周期</title>
6
    {%>template/common/Head.html%}
7
    <script type="text/javascript" src="biz/js/plugins/lifecycle.js"></script>
8
</head>
9
<body>
10
<div class="ipu-flex-row ipu-flex-vertical">
11
    <div class="ipu-flex-col">
12
        <header class="ipu-toolbar">
13
            <h1 class="ipu-toolbar-title">生命周期</h1>
14
            <a class="ipu-fn-left page-back" href="javascript:;">
15
                <i class="ipu-icon mdi mdi-chevron-left"></i>
16
            </a>
17
        </header>
18
    </div>
19
20
    <div class="ipu-flex-col ipu-flex-col-auto">
21
        <div class="page-content">
22
            <div class="ipu-card ipu-card-block">
23
                <div class="ipu-card-header">
24
                    新增监听
25
                    <button class="ipu-btn ipu-btn" id="addForeBackGroundListner">开始监听</button>
26
                </div>
27
                <div class="ipu-card-content">
28
                    <div class="ipu-card-content-inner">
29
                        点击开始监听按钮,可开始监听当前界面前后台切换状态(退回后台或者返回前台)
30
                    </div>
31
                </div>
32
            </div>
33
34
            <div class="ipu-card ipu-card-block">
35
                <div class="ipu-card-header">
36
                    停止监听
37
                    <button class="ipu-btn ipu-btn" id="deleteForeBackGroundListner">停止监听</button>
38
                </div>
39
                <div class="ipu-card-content">
40
                    <div class="ipu-card-content-inner">
41
                        点击停止监听按钮,可停止监听界面前后台切换状态
42
                    </div>
43
                </div>
44
            </div>
45
46
        </div>
47
    </div>
48
49
</div>
50
</body>
51
</html>