Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
bulomakaka
/
ekexiu.app
Tarkkaile 2
Äänestä 1
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Commitit 485 Julkaisut 0 Wiki
Selaa lähdekoodia

邀请好友

jack 8 vuotta sitten
vanhempi
10a1b314b4
commit
ab718d150d
6 muutettua tiedostoa jossa 117 lisäystä ja 286 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 1 1
      app/css/app.css
  2. 105 13
      app/html/invite_new.html
  3. 0 122
      app/html/invite_new1.html
  4. 0 140
      app/html/invitefriends.html
  5. 11 1
      app/js/invite_new.js
  6. 0 9
      app/js/public/base.js

+ 1 - 1
app/css/app.css
Näytä tiedosto 

@ -833,7 +833,7 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
833 833 
/*-------------提示框---------------*/
834 834 
.maskBg{position: fixed; left:0; top:0; height: 100%;width:100%; background:url(../images/me_bg_img_tanchu_nor@3x.png);background-size: cover;}
835 835 
/*邀请好友提示*/
836 
.promptBlock{text-align:center;width: 84%;height:auto;padding:8% 4%;position:absolute;left:50%;margin-left:-42%;top:50%;margin-top:-242px;background: #FFFFFF;border-radius:6px;
836 
.promptBlock{text-align:center;width: 84%;height:auto;padding:8% 4%;position:fixed;left:50%;margin-left:-42%;top:50%;margin-top:-242px;background: #FFFFFF;border-radius:6px;
837 837 
			z-index: 999;display: none;
838 838 
 -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
839 839 
       box-shadow: 0 0 15px rgba(0, 0, 0, .3);}

+ 105 - 13
app/html/invite_new.html
Näytä tiedosto 

@ -11,24 +11,116 @@
11 11 
	</head>
12 12
13 13 
	<body>
14 
        </div>
14 15 
		<header class="mui-bar mui-bar-nav toptitbox">
15 16 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
16 17 
			<h1 class="mui-title toptit">邀请好友</h1>
17 18 
		</header>
19 
		<div class="mui-content bodyBg mui-scroll-wrapper" id="pullrefresht">
20 
			<div class="mui-scroll">
21 
				<!-- 主界面具体展示内容 -->
22 
				<div class="mui-input-group">
23 
					<div class="inviteBoxNew">
24 
						<img src="../images/In-friends_img_banner_nor.png" width="100%" id="inviteBtnLink">
25 
						<div class="mui-row inviteBtnNew bgRadius">
26 
							<div class="mui-col-xs-6 inviteFont">
27 
								<p class="inviteNum" id="inviteFraction"></p>
28 
								<p style="font-size:16px;">已获得积分</p>
29 
							</div>
30 
							<div class="mui-col-xs-6 inviteBtnLink" id="invite">
31 
								<img src="../images/In-friends_button_yaoqing_nor.png" width="100%" />
32 
							</div>
33 
						</div>
34 
					</div>
35 
					<div class="mui-row inviteInfor">
36 
						<div class="mui-col-xs-6">
37 
							<div class="inviteFont">
38 
								<p>已邀请好友</p>
39 
								<p class="inviteNum" id="inviteFriends"></p>
40 
							</div>
41 
						</div>
42 
						<div class="mui-col-xs-6">
43 
							<div class="inviteFont">
44 
								<p>好友邀请好友</p>
45 
							<p class="inviteNum" id="friendInviteFriend"></p>
46 
							</div>
47 
						</div>
48 
					</div>
49 
				</div>
50 
				<!--未邀请好友-->
51 
				<div class="mui-card-content conblock displayNone" id="nodatalist">
52 
					<div class="maintitboxNow">
53 
						<img class="maintitNow" src="../images/In-friends_bg_wenti_nor@3x.png" />
54 
					</div>
55 
					<div class="maincontent">
56 
						<ul class="mui-table-view faqBox">
57 
							<li class="mui-table-view-cell faqItem">
58 
						        <h5 class="h1Font">为什么要邀请好友？</h5>
59 
						        <p class="h3Font">答：成功邀请好友注册「科袖」后，您将获得100个积分。您邀请的好友邀请了新用户，还能给您带来50个奖励积分。</p>
60 
						        <p class="h3Font">「科袖」将陆续发布更多类似的积分奖励规则，如好友成为“科袖认证专家”或完成了一次咨询，您都能获得更多积分。</p>
61 
					    	</li>
62 
					   </ul>
63 
					</div>
64 
				</div>
65 
				<!--邀请好友列表-->
66 
				<div class="mui-card-content conblock" id="datalist">
67 
					<div class="maintitboxNow">
68 
						<img class="maintitNow" src="../images/In-friends_bg_biaoti_nor.png" />
69 
					</div>
70 
					<div class="maincontent">
71 
						<ul class="mui-table-view mui-table-view-chevron" id="friendsList">
72 
					        <!--<li class="mui-table-view-cell">
73 
						        <div class="flexCenter">
74 
						        	<div class="userImg userRadius">
75 
						        		<img src="../images/default-photo.jpg"/>
76 
						        	</div>
77 
									<div class="userInfo">
78 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
79 
										<p class="h2Font">北京科技大学</p>
80 
										<p class="h3Font mui-ellipsis">他邀请了 <span>3</span> 位好友，为您带来了 <span>1000</span> 分积分奖励！</p>
81 
									</div>
82 
						        </div>
83 
					        </li>
84 
					        <li class="mui-table-view-cell">
85 
						        <div class="flexCenter">
86 
						        	<div class="userImg userRadius">
87 
						        		<img src="../images/default-photo.jpg"/>
88 
						        	</div>
89 
									<div class="userInfo">
90 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
91 
										<p class="h2Font">北京科技大学</p>
92 
										<p class="h3Font mui-ellipsis">他还没有邀请好友！</p>
93 
									</div>
94 
						        </div>
95 
					        </li>
96 
					        <li class="mui-table-view-cell">
97 
						        <div class="flexCenter">
98 
						        	<div class="userImg userRadius">
99 
						        		<img src="../images/default-photo.jpg"/>
100 
						        	</div>
101 
									<div class="userInfo">
102 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
103 
										<p class="h2Font">北京科技大学</p>
104 
										<p class="h3Font mui-ellipsis">他邀请了 <span>3</span> 位好友，为您带来了 <span>1000</span> 分积分奖励！</p>
105 
									</div>
106 
						        </div>
107 
					        </li>-->
108
109 
					    </ul>
110 
					</div>
111 
				</div>
112 
			</div>
113 
		</div>
114 
		<!--点击邀请好友按钮弹出提示框-->
115 
		<div class="promptBlock"  id="inviteShow">
116 
			<div class="promptImg"></div>
117 
			<p class="h1Font">成功邀请好友注册「科袖」后，您将获得100个积分。您邀请的好友邀请了新用户，还能给您带来50个奖励积分。</p>
118 
			<div class="promptBtn"><button class="mui-btn mui-btn-mini">朕知道了</button></div>
119 
			<span class="mui-icon mui-icon-close promptClose"></span>
120 
		</div>
18 121 
		<script src="../js/public/mui.min.js"></script>
19 
		<script>
20 
			mui.init({
21 
    subpages:[{
22 
      url:'invite_new1.html',
23 
      id:'invite_new1.htmll',
24 
      styles:{
25 
        top:'50px',//mui标题栏默认高度为45px；
26 
        bottom:'0px'//默认为0px，可不定义；
27 
      }
28 
    }]
29 
  });
30
31 
		</script>
122 
		<script src="../js/public/base.js"></script>
123 
		<script type="text/javascript" src="../js/invite_new.js"></script>
32 124 
	</body>
33 125
34 126 
</html>

+ 0 - 122
app/html/invite_new1.html
Näytä tiedosto 

@ -1,122 +0,0 @@
1 
<!doctype html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title>邀请好友</title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
	</head>
11
12 
	<body>
13 
        <!--登陆状态-->
14 
		<div class="mui-content bodyBg mui-scroll-wrapper" id="pullrefresht">
15 
			<div class="mui-scroll">
16 
				<!-- 主界面具体展示内容 -->
17 
				<div class="mui-input-group">
18 
					<div class="inviteBoxNew">
19 
						<img src="../images/In-friends_img_banner_nor.png" width="100%" id="inviteBtnLink">
20 
						<div class="mui-row inviteBtnNew bgRadius">
21 
							<div class="mui-col-xs-6 inviteFont">
22 
								<p class="inviteNum" id="inviteFraction"></p>
23 
								<p style="font-size:16px;">已获得积分</p>
24 
							</div>
25 
							<div class="mui-col-xs-6 inviteBtnLink" id="invite">
26 
								<img src="../images/In-friends_button_yaoqing_nor.png" width="100%" />
27 
							</div>
28 
						</div>
29 
					</div>
30 
					<div class="mui-row inviteInfor">
31 
						<div class="mui-col-xs-6">
32 
							<div class="inviteFont">
33 
								<p>已邀请好友</p>
34 
								<p class="inviteNum" id="inviteFriends"></p>
35 
							</div>
36 
						</div>
37 
						<div class="mui-col-xs-6">
38 
							<div class="inviteFont">
39 
								<p>好友邀请好友</p>
40 
							<p class="inviteNum" id="friendInviteFriend"></p>
41 
							</div>
42 
						</div>
43 
					</div>
44 
				</div>
45 
				<!--未邀请好友-->
46 
				<div class="mui-card-content conblock displayNone" id="nodatalist">
47 
					<div class="maintitboxNow">
48 
						<img class="maintitNow" src="../images/In-friends_bg_wenti_nor@3x.png" />
49 
					</div>
50 
					<div class="maincontent">
51 
						<ul class="mui-table-view faqBox">
52 
							<li class="mui-table-view-cell faqItem">
53 
						        <h5 class="h1Font">为什么要邀请好友？</h5>
54 
						        <p class="h3Font">答：成功邀请好友注册「科袖」后，您将获得100个积分。您邀请的好友邀请了新用户，还能给您带来50个奖励积分。</p>
55 
						        <p class="h3Font">「科袖」将陆续发布更多类似的积分奖励规则，如好友成为“科袖认证专家”或完成了一次咨询，您都能获得更多积分。</p>
56 
					    	</li>
57 
					   </ul>
58 
					</div>
59 
				</div>
60 
				<!--邀请好友列表-->
61 
				<div class="mui-card-content conblock" id="datalist">
62 
					<div class="maintitboxNow">
63 
						<img class="maintitNow" src="../images/In-friends_bg_biaoti_nor.png" />
64 
					</div>
65 
					<div class="maincontent">
66 
						<ul class="mui-table-view mui-table-view-chevron" id="friendsList">
67 
					        <!--<li class="mui-table-view-cell">
68 
						        <div class="flexCenter">
69 
						        	<div class="userImg userRadius">
70 
						        		<img src="../images/default-photo.jpg"/>
71 
						        	</div>
72 
									<div class="userInfo">
73 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
74 
										<p class="h2Font">北京科技大学</p>
75 
										<p class="h3Font mui-ellipsis">他邀请了 <span>3</span> 位好友，为您带来了 <span>1000</span> 分积分奖励！</p>
76 
									</div>
77 
						        </div>
78 
					        </li>
79 
					        <li class="mui-table-view-cell">
80 
						        <div class="flexCenter">
81 
						        	<div class="userImg userRadius">
82 
						        		<img src="../images/default-photo.jpg"/>
83 
						        	</div>
84 
									<div class="userInfo">
85 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
86 
										<p class="h2Font">北京科技大学</p>
87 
										<p class="h3Font mui-ellipsis">他还没有邀请好友！</p>
88 
									</div>
89 
						        </div>
90 
					        </li>
91 
					        <li class="mui-table-view-cell">
92 
						        <div class="flexCenter">
93 
						        	<div class="userImg userRadius">
94 
						        		<img src="../images/default-photo.jpg"/>
95 
						        	</div>
96 
									<div class="userInfo">
97 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
98 
										<p class="h2Font">北京科技大学</p>
99 
										<p class="h3Font mui-ellipsis">他邀请了 <span>3</span> 位好友，为您带来了 <span>1000</span> 分积分奖励！</p>
100 
									</div>
101 
						        </div>
102 
					        </li>-->
103
104 
					    </ul>
105 
					</div>
106 
				</div>
107 
			</div>
108 
		</div>
109 
		<!--点击邀请好友按钮弹出提示框-->
110 
		<div class="promptBlock" id="inviteShow">
111 
			<div class="promptImg"></div>
112 
			<p class="h1Font">成功邀请好友注册「科袖」后，您将获得100个积分。您邀请的好友邀请了新用户，还能给您带来50个奖励积分。</p>
113 
			<div class="promptBtn"><button class="mui-btn mui-btn-mini">朕知道了</button></div>
114 
			<span class="mui-icon mui-icon-close promptClose"></span>
115 
		</div>
116 
		<script src="../js/public/mui.min.js"></script>
117 
		<script src="../js/public/base.js"></script>
118 
		<script type="text/javascript" src="../js/invite_new.js"></script>
119
120 
	</body>
121
122 
</html>

+ 0 - 140
app/html/invitefriends.html
Näytä tiedosto 

@ -1,140 +0,0 @@
1 
<!doctype html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title>邀请好友</title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
	</head>
11
12 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox">
14 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
		    <h1 class="mui-title toptit">邀请好友</h1>
16 
		</header>
17 
        <!--登陆状态-->
18 
		<div class="mui-content bodyBg mui-scroll-wrapper">
19 
			<div class="mui-scroll">
20 
				<!-- 主界面具体展示内容 -->
21 
				<div class="mui-input-group">
22 
					<div class="inviteBoxNew">
23 
						<img src="../images/In-friends_img_banner_nor.png" width="100%">
24 
						<div class="mui-row inviteBtnNew bgRadius">
25 
							<div class="mui-col-xs-6 inviteFont">
26 
								<p class="inviteNum">10分</p>
27 
								<p style="font-size:16px;">已获得积分</p>
28 
							</div>
29 
							<div class="mui-col-xs-6 inviteBtnLink" id="inviteBtnLink">
30 
								<img src="../images/In-friends_button_yaoqing_nor.png" width="100%" />
31 
							</div>
32 
						</div>
33 
					</div>
34 
					<div class="mui-row inviteInfor">
35 
						<div class="mui-col-xs-6">
36 
							<div class="inviteFont">
37 
								<p>已邀请好友</p>
38 
								<p class="inviteNum">10位</p>
39 
							</div>
40 
						</div>
41 
						<div class="mui-col-xs-6">
42 
							<div class="inviteFont">
43 
								<p>好友邀请好友</p>
44 
							<p class="inviteNum">24位</p>
45 
							</div>
46 
						</div>
47 
					</div>
48 
				</div>
49 
				<!--未邀请好友-->
50 
				<div class="mui-card-content conblock displayNone">
51 
					<div class="maintitboxNow">
52 
						<img class="maintitNow" src="../images/In-friends_bg_wenti_nor@3x.png" />
53 
					</div>
54 
					<div class="maincontent">
55 
						<ul class="mui-table-view faqBox">
56 
							<li class="mui-table-view-cell faqItem">
57 
						        <h5 class="h1Font">为什么要邀请好友？</h5>
58 
						        <p class="h3Font">答：成功邀请好友注册「科袖」后，您将获得100个积分。您邀请的好友邀请了新用户，还能给您带来50个奖励积分。</p>
59 
						        <p class="h3Font">「科袖」将陆续发布更多类似的积分奖励规则，如好友成为“科袖认证专家”或完成了一次咨询，您都能获得更多积分。</p>
60 
					    	</li>
61 
					   </ul>
62 
					</div>
63 
				</div>
64 
				<!--邀请好友列表-->
65 
				<div class="mui-card-content conblock">
66 
					<div class="maintitboxNow">
67 
						<img class="maintitNow" src="../images/In-friends_bg_biaoti_nor.png" />
68 
					</div>
69 
					<div class="maincontent">
70 
						<ul class="mui-table-view">
71 
					        <li class="mui-table-view-cell">
72 
						        <div class="flexCenter">
73 
						        	<div class="userImg userRadius">
74 
						        		<img src="../images/default-photo.jpg"/>
75 
						        	</div>
76 
									<div class="userInfo">
77 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
78 
										<p class="h2Font">北京科技大学</p>
79 
										<p class="h3Font mui-ellipsis">他邀请了 <span>3</span> 位好友，为您带来了 <span>1000</span> 分积分奖励！</p>
80 
									</div>
81 
						        </div>
82 
					        </li>
83 
					        <li class="mui-table-view-cell">
84 
						        <div class="flexCenter">
85 
						        	<div class="userImg userRadius">
86 
						        		<img src="../images/default-photo.jpg"/>
87 
						        	</div>
88 
									<div class="userInfo">
89 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
90 
										<p class="h2Font">北京科技大学</p>
91 
										<p class="h3Font mui-ellipsis">他还没有邀请好友！</p>
92 
									</div>
93 
						        </div>
94 
					        </li>
95 
					        <li class="mui-table-view-cell">
96 
						        <div class="flexCenter">
97 
						        	<div class="userImg userRadius">
98 
						        		<img src="../images/default-photo.jpg"/>
99 
						        	</div>
100 
									<div class="userInfo">
101 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
102 
										<p class="h2Font">北京科技大学</p>
103 
										<p class="h3Font mui-ellipsis">他邀请了 <span>3</span> 位好友，为您带来了 <span>1000</span> 分积分奖励！</p>
104 
									</div>
105 
						        </div>
106 
					        </li>
107
108 
					    </ul>
109 
					</div>
110 
				</div>
111 
			</div>
112 
		</div>
113 
		<!--点击邀请好友按钮弹出提示框-->
114 
		<div class="promptBlock" id="inviteShow">
115 
			<div class="promptImg"></div>
116 
			<p class="h1Font">成功邀请好友注册「科袖」后，您将获得100个积分。您邀请的好友邀请了新用户，还能给您带来50个奖励积分。</p>
117 
			<div class="promptBtn"><button class="mui-btn mui-btn-mini">朕知道了</button></div>
118 
			<span class="mui-icon mui-icon-close promptClose"></span>
119 
		</div>
120 
		<script src="../js/public/mui.min.js"></script>
121 
		<script src="../js/public/base.js"></script>
122 
		<script type="text/javascript">
123 
			var inviteBtnLink=document.getElementById("inviteBtnLink");
124 
			var inviteShow=document.getElementById("inviteShow");
125 
			var promptClose=document.getElementsByClassName("promptClose");
126 
			var promptBtn=document.getElementsByClassName("promptBtn");
127 
			inviteBtnLink.addEventListener("tap", function() {
128 
				inviteShow.setAttribute("style","display:block");
129 
				model.show();//显示遮罩
130 
			})
131 
			promptBtn[0].addEventListener("tap", function() {
132 
				model.close();//关闭遮罩
133 
			})
134 
			promptClose[0].addEventListener("tap", function() {
135 
				model.close();//关闭遮罩
136 
			})
137 
		</script>
138 
	</body>
139
140 
</html>

+ 11 - 1
app/js/invite_new.js
Näytä tiedosto 

@ -1,3 +1,13 @@
1
2 
//遮罩模态框
3 
var promptBlock = document.getElementsByClassName("promptBlock");
4 
var model = mui.createMask(modelClose);//创建遮罩
5 
function modelClose(){
6 
	for(var i=0;i<promptBlock.length;i++){
7 
		promptBlock[i].setAttribute("style","display:none");
8 
	}
9 
}
10
1 11 
var orderKey, professorName; //加载数据的传给后台的值
2 12 
mui.init({
3 13 
	pullRefresh: {

@ -85,7 +95,7 @@ var person = {
85 95 
						var $info = data.data,
86 96 
							i = 0;
87 97 
						if(!pro) {
88 
							var ws = plus.webview.getWebviewById("invite_new.html");
98 
							var ws = plus.webview.currentWebview();
89 99 
							plus.nativeUI.closeWaiting(); //新webview的载入完毕后关闭等待框
90 100 
							ws.show("slide-in-right", 150);
91 101 
							professorName = ws.proName;

+ 0 - 9
app/js/public/base.js
Näytä tiedosto 

@ -85,15 +85,6 @@ function ifiosAmdandroid(test){
85 85 
	}
86 86 
}
87 87
88 
/*//遮罩模态框
89 
var promptBlock = document.getElementsByClassName("promptBlock");
90 
var model = mui.createMask(modelClose);//创建遮罩
91 
function modelClose(){
92 
	for(var i=0;i<promptBlock.length;i++){
93 
		promptBlock[i].setAttribute("style","display:none");
94 
	}
95 
}*/
96
97 88 
/*标志*/
98 89 
function autho() {
99 90 
	if(arguments[0] == 1) {