Home Verkennen Help
Inloggen
ipu
/
ipu-guide
Volgen 10
Ster 1
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 97 Publicaties 1 Wiki
Bladeren bron

修改界面跳转页面结构

zhanglong7 7 jaren geleden
bovenliggende
e05e0caea7
commit
66768fbd47
2 gewijzigde bestanden met toevoegingen van 74 en 48 verwijderingen
Split View Toon Diff Stats
  1. 5 1
      show-server/src/main/webapp/biz/js/plugins/pageHandler/pageHandler.js
  2. 69 47
      show-server/src/main/webapp/template/webapp/plugins/pageHandler/pageHandler.html

+ 5 - 1
show-server/src/main/webapp/biz/js/plugins/pageHandler/pageHandler.js
Bestand weergeven 

@ -1,5 +1,5 @@
1 1 
require(["domReady!","wadeMobile","mobile","jcl","iScroll","util"], function(doc,WadeMobile,Mobile,$,iScroll){
2 
	new iScroll("content");
2 
	//new iScroll("content");
3 3 
	$("#openPage").click(function(){
4 4 
		Mobile.openPage("PageA");
5 5 
	});
 
@ -31,6 +31,10 @@ require(["domReady!","wadeMobile","mobile","jcl","iScroll","util"], function(doc
31 31
32 32 
		},title,buttons,style);
33 33 
	});
34 
	$("#openUrlNoStyle").click(function(){
35 
		var url = "https://www.baidu.com";
36 
		WadeMobile.openUrl(url,function(result){});
37 
	});
34 38 
	// 被打开的url，不管停留在哪一层页面，直接退出至ipu主页面
35 39 
	$("#loadUrl").click(function(){
36 40 
		Mobile.loadUrl("https://www.baidu.com");

+ 69 - 47
show-server/src/main/webapp/template/webapp/plugins/pageHandler/pageHandler.html
Bestand weergeven 

@ -16,55 +16,85 @@
16 16 
				<h1 class="ipu-toolbar-title">界面跳转</h1>
17 17 
			</header>
18 18 
		</div>
19 
		<div class="ipu-col">
20
21 
			<div class="demo-desc">常用跳转</div>
22 
			<div class="ipu-card">
23 
				<div class="ipu-list">
24 
					<ul>
25 
						<li class="ipu-list-item">
26 
							<div class="ipu-list-item-inner">
27 
								<div class="ipu-list-item-title">打开界面(openPage)</div>
28 
								<div class="ipu-list-item-after">
29 
									<button class="ipu-btn ipu-btn-s" id="openPage">点击</button>
30 
								</div>
31 
							</div>
32 
						</li>
33 
						<li class="ipu-list-item">
34 
							<div class="ipu-list-item-inner">
35 
								<div class="ipu-list-item-title">打开窗口(openWindow)</div>
36 
								<div class="ipu-list-item-after">
37 
									<button class="ipu-btn ipu-btn-s" id="openWindow">点击</button>
38 
								</div>
39 
							</div>
40 
						</li>
41 
						<li class="ipu-list-item">
42 
							<div class="ipu-list-item-inner">
43 
								<div class="ipu-list-item-title">打开模板(oepnTemplate)</div>
44 
								<div class="ipu-list-item-after">
45 
									<button class="ipu-btn ipu-btn-s" id="openTemplate">点击</button>
46 
								</div>
47 
							</div>
48 
						</li>
49 
					</ul>
50 
				</div>
51
52 
			</div>
53
54 
			<div class="demo-desc">当前视图加载页面</div>
55 
			<div class="ipu-card">
56 
				<div class="ipu-list">
57 
					<ul>
58 
						<li class="ipu-list-item">
59 
							<div class="ipu-list-item-inner">
60 
								<div class="ipu-list-item-title">加载页面(loadPage)</div>
61 
								<div class="ipu-list-item-after">
62 
									<button class="ipu-btn ipu-btn-s" id="loadPage">点击</button>
63 
								</div>
64 
							</div>
65 
						</li>
66 
						<li class="ipu-list-item">
67 
							<div class="ipu-list-item-inner">
68 
								<div class="ipu-list-item-title">加载模板(loadTemplate)</div>
69 
								<div class="ipu-list-item-after">
70 
									<button class="ipu-btn ipu-btn-s" id="loadTemplate">点击</button>
71 
								</div>
72 
							</div>
73 
						</li>
74 
					</ul>
75 
				</div>
76
77 
			</div>
78
79
80 
			<div class="demo-desc">打开网络链接</div>
81 
			<div class="ipu-card">
19 82
20 
	<div class="m_content m_content-nofooter" id="content">
21 83 
		<div class="ipu-list">
22 84 
			<ul>
23 85 
				<li class="ipu-list-item">
24 86 
					<div class="ipu-list-item-inner">
25 
						<div class="ipu-list-item-title">打开界面(openPage)</div>
26 
						<div class="ipu-list-item-after">
27 
							<button class="ipu-btn ipu-btn-s" id="openPage">点击</button>
28 
						</div>
29 
					</div>
30 
				</li>
31 
				<li class="ipu-list-item">
32 
					<div class="ipu-list-item-inner">
33 
						<div class="ipu-list-item-title">打开窗口(openWindow)</div>
34 
						<div class="ipu-list-item-after">
35 
							<button class="ipu-btn ipu-btn-s" id="openWindow">点击</button>
36 
						</div>
37 
					</div>
38 
				</li>
39 
				<li class="ipu-list-item">
40 
					<div class="ipu-list-item-inner">
41 
						<div class="ipu-list-item-title">打开模板(oepnTemplate)</div>
42 
						<div class="ipu-list-item-after">
43 
							<button class="ipu-btn ipu-btn-s" id="openTemplate">点击</button>
44 
						</div>
45 
					</div>
46 
				</li>
47 
				<li class="ipu-list-item">
48 
					<div class="ipu-list-item-inner">
49 
						<div class="ipu-list-item-title">加载页面(loadPage)</div>
50 
						<div class="ipu-list-item-after">
51 
							<button class="ipu-btn ipu-btn-s" id="loadPage">点击</button>
52 
						</div>
53 
					</div>
54 
				</li>
55 
				<li class="ipu-list-item">
56 
					<div class="ipu-list-item-inner">
57 
						<div class="ipu-list-item-title">加载模板(loadTemplate)</div>
87 
						<div class="ipu-list-item-title">打开连接，自定义(openUrl)</div>
58 88 
						<div class="ipu-list-item-after">
59 
							<button class="ipu-btn ipu-btn-s" id="loadTemplate">点击</button>
89 
							<button class="ipu-btn ipu-btn-s" id="openUrl">点击</button>
60 90 
						</div>
61 91 
					</div>
62 92 
				</li>
63 93 
				<li class="ipu-list-item">
64 94 
					<div class="ipu-list-item-inner">
65 
						<div class="ipu-list-item-title">打开连接(openUrl)</div>
95 
						<div class="ipu-list-item-title">打开连接，默认样式(openUrl)</div>
66 96 
						<div class="ipu-list-item-after">
67 
							<button class="ipu-btn ipu-btn-s" id="openUrl">点击</button>
97 
							<button class="ipu-btn ipu-btn-s" id="openUrlNoStyle">点击</button>
68 98 
						</div>
69 99 
					</div>
70 100 
				</li>
 
@ -84,19 +114,11 @@
84 114 
						</div>
85 115 
					</div>
86 116 
				</li>
87 
				<li class="ipu-list-item">
88 
					<div class="ipu-list-item-inner">
89 
						<div class="ipu-list-item-title">打开IPU浏览器(openIpuBroswer)</div>
90 
						<div class="ipu-list-item-after">
91 
							<button class="ipu-btn ipu-btn-s" id="openIpuBroswer">点击</button>
92 
						</div>
93 
					</div>
94 
				</li>
95 117 
			</ul>
96 118 
		</div>
97 119
98 120 
	</div>
99
100
121 
		</div>
122 
	</div>
101 123 
</body>
102 124 
</html>