Home Explore Help
Sign In
ipu
/
ipu-guide
Watch 10
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 97 Releases 1 Wiki
Browse Source

修改界面跳转页面结构

zhanglong7 7 years ago
parent
e05e0caea7
commit
66768fbd47
2 changed files with 74 additions and 48 deletions
Unified View Show 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
View File

1 
require(["domReady!","wadeMobile","mobile","jcl","iScroll","util"], function(doc,WadeMobile,Mobile,$,iScroll){
 1 
require(["domReady!","wadeMobile","mobile","jcl","iScroll","util"], function(doc,WadeMobile,Mobile,$,iScroll){
2 
	new iScroll("content");
2 
	//new iScroll("content");
3 
	$("#openPage").click(function(){
 3 
	$("#openPage").click(function(){
4 
		Mobile.openPage("PageA");
 4 
		Mobile.openPage("PageA");
5 
	});
 5 
	});
31
31
32 
		},title,buttons,style);
 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 
	// 被打开的url，不管停留在哪一层页面，直接退出至ipu主页面
 38 
	// 被打开的url，不管停留在哪一层页面，直接退出至ipu主页面
35 
	$("#loadUrl").click(function(){
 39 
	$("#loadUrl").click(function(){
36 
		Mobile.loadUrl("https://www.baidu.com");
 40 
		Mobile.loadUrl("https://www.baidu.com");

+ 69 - 47
show-server/src/main/webapp/template/webapp/plugins/pageHandler/pageHandler.html
View File

16 
				<h1 class="ipu-toolbar-title">界面跳转</h1>
 16 
				<h1 class="ipu-toolbar-title">界面跳转</h1>
17 
			</header>
 17 
			</header>
18 
		</div>
 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 
		<div class="ipu-list">
 83 
		<div class="ipu-list">
22 
			<ul>
 84 
			<ul>
23 
				<li class="ipu-list-item">
 85 
				<li class="ipu-list-item">
24 
					<div class="ipu-list-item-inner">
 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 
						<div class="ipu-list-item-after">
 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 
						</div>
 90 
						</div>
61 
					</div>
 91 
					</div>
62 
				</li>
 92 
				</li>
63 
				<li class="ipu-list-item">
 93 
				<li class="ipu-list-item">
64 
					<div class="ipu-list-item-inner">
 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 
						<div class="ipu-list-item-after">
 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 
						</div>
 98 
						</div>
69 
					</div>
 99 
					</div>
70 
				</li>
 100 
				</li>
84 
						</div>
 114 
						</div>
85 
					</div>
 115 
					</div>
86 
				</li>
 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 
			</ul>
 117 
			</ul>
96 
		</div>
 118 
		</div>
97
119
98 
	</div>
 120 
	</div>
99
100
121 
		</div>
122 
	</div>
101 
</body>
 123 
</body>
102 
</html>
 124 
</html>