Главная Обзор Помощь
Войти
ipu
/
ipu-guide
Следить 10
В избранное 1
Ответвить 0
Код Обсуждения 0 Запросы на слияние 0 Коммиты 67 Релизы 1 Вики
Просмотр исходного кода

RN新增扫码，地图，弹窗入口

leijie лет назад: 7
Родитель
ae1beea395
Сommit
40d94249cf
2 измененных файлов с 95 добавлено и 53 удалено
Разделённый вид Показать статистику Diff
  1. 21 0
      show-server/src/main/webapp/biz/js/more/reactNative.js
  2. 74 53
      show-server/src/main/webapp/template/webapp/more/reactNative.html

+ 21 - 0
show-server/src/main/webapp/biz/js/more/reactNative.js
Просмотреть файл 

@ -0,0 +1,21 @@
1 
require([ "domReady!", "wadeMobile", "mobile", "util"],function(doc,
2 
		WadeMobile, Mobile){
3 
	$("#BASIC").click(function(){
4 
		WadeMobile.openRN(this.id);
5 
	});
6 
    $("#PHONENUMBER").click(function() {
7 
		var callback = function (number) {
8 
			$("#number_text").html("手机号码：" + number);
9 
		};
10 
	    WadeMobile.openRN("PHONENUMBER", callback);
11 
    });
12 
    $("#SCAN_RN").click(function(){
13 
    	WadeMobile.openRN("SCAN_RN");
14 
    });
15 
	$("#MAP_RN").click(function(){
16 
		WadeMobile.openRN("MAP_RN");
17 
	});
18 
	$("#ALERTDIALOG_RN").click(function(){
19 
		WadeMobile.openRN("ALERTDIALOG_RN");
20 
	});
21 
});

+ 74 - 53
show-server/src/main/webapp/template/webapp/more/reactNative.html
Просмотреть файл 

@ -1,54 +1,75 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<title>RN Demo</title>
5 
{%>template/common/Head.html%}
6 
</head>
7 
<body>
8
9 
<div class="ipu-row-flex ipu-row-flex-ver">
10 
		<div class="ipu-col ipu-col-auto">
11 
			<header class="ipu-toolbar">
12 
				<span class="ipu-icon fa fa-chevron-left ipu-fn-left" id="left-btn"></span>
13 
				<span class="ipu-icon fa fa-home  ipu-fn-right" id="right-btn"></span>
14 
				<h1 class="ipu-toolbar-title">React Native</h1>
15 
			</header>
16 
		</div>
17
18 
		<div class="ipu-col">
19 
			<ul class="ipu-list ipu-list-link ipu-list-active ipu-list-cover ipu-border-tb">
20 
				<li class="ipu-border-t" id="BASIC">
21 
					<div class="ipu-list-info">
22 
						<h4>打电话</h4>
23 
						<p>打开一个React Native页面，该页面可以调用原生的打电话界面</p>
24 
					</div>
25 
				</li>
26
27 
				<li class="ipu-border-t" id="PHONENUMBER">
28 
					<div class="ipu-list-info">
29 
						<h4 id="number_text">手机号码：</h4>
30 
						<p>打开一个React Native页面获取手机号码，支持从通讯录查找联系人获取号码</p>
31 
					</div>
32 
				</li>
33
34 
			</ul>
35 
		</div>
36 
</div>
37 
<script type="text/javascript">
38 
require(["domReady!","jquery","mobile"], function (doc,$,Mobile) {
39 
	/**/
40
41 
    $("li").click(function() {
42 
    	if (this.id == "PHONENUMBER") {
43 
    		var callback = function (number) {
44 
    			$("#number_text").html("手机号码：" + number);
45 
    		};
46 
    	    WadeMobile.openRN("PHONENUMBER", callback);
47 
    	} else {
48 
    		WadeMobile.openRN(this.id);
49 
    	}
50 
    });
51 
});
52 
</script>
53 
</body>
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<title>RN Demo</title>
5 
{%>template/common/Head.html%}
6 
<script type="text/javascript" src="biz/js/more/reactNative.js"></script>
7 
</head>
8 
<body>
9
10 
<div class="ipu-row-flex ipu-row-flex-ver">
11 
		<div class="ipu-col ipu-col-auto">
12 
			<header class="ipu-toolbar">
13 
				<span class="ipu-icon fa fa-chevron-left ipu-fn-left" id="left-btn"></span>
14 
				<span class="ipu-icon fa fa-home  ipu-fn-right" id="right-btn"></span>
15 
				<h1 class="ipu-toolbar-title">React Native</h1>
16 
			</header>
17 
		</div>
18
19 
		<div class="ipu-col">
20 
			<ul class="ipu-list ipu-list-link ipu-list-active ipu-list-cover ipu-border-tb">
21 
				<li class="ipu-border-t" id="BASIC">
22 
					<div class="ipu-list-info">
23 
						<h4>打电话</h4>
24 
						<p>打开一个React Native页面，该页面可以调用原生的打电话界面</p>
25 
					</div>
26 
				</li>
27
28 
				<li class="ipu-border-t" id="PHONENUMBER">
29 
					<div class="ipu-list-info">
30 
						<h4 id="number_text">手机号码：</h4>
31 
						<p>打开一个React Native页面获取手机号码，支持从通讯录查找联系人获取号码</p>
32 
					</div>
33 
				</li>
34
35 
				<li class="ipu-border-t" id="SCAN_RN">
36 
					<div class="ipu-list-info">
37 
						<h4 id="number_text">二维码：</h4>
38 
						<p>打开一个React Native页面，实现二维码功能</p>
39 
					</div>
40 
				</li>
41
42 
				<li class="ipu-border-t" id="MAP_RN">
43 
					<div class="ipu-list-info">
44 
						<h4 id="number_text">地图：</h4>
45 
						<p>打开一个React Native页面，实现地图定位功能</p>
46 
					</div>
47 
				</li>
48
49 
				<li class="ipu-border-t" id="ALERTDIALOG_RN">
50 
					<div class="ipu-list-info">
51 
						<h4 id="number_text">自定义对话框：</h4>
52 
						<p>打开一个React Native页面，实现自定义对话框</p>
53 
					</div>
54 
				</li>
55
56 
			</ul>
57 
		</div>
58 
</div>
59
60 
<!-- require(["domReady!","jquery","mobile"], function (doc,$,Mobile) {
61 
	/**/
62
63 
    $("li").click(function() {
64 
    	if (this.id == "PHONENUMBER") {
65 
    		var callback = function (number) {
66 
    			$("#number_text").html("手机号码：" + number);
67 
    		};
68 
    	    WadeMobile.openRN("PHONENUMBER", callback);
69 
    	} else {
70 
    		WadeMobile.openRN(this.id);
71 
    	}
72 
    });
73 
}); -->
74 
</body>
54 75 
</html>