Browse Source

文字修改,积分点击效果去掉,新增积分规则

luyanan 8 years ago
parent
commit
daf2e22a95

+ 5 - 4
app/css/app.css

49
/*无点击效果*/
49
/*无点击效果*/
50
.mui-table-view .mui-table-view-cell.NoActive>a:not(.mui-btn).mui-active{background:none;}
50
.mui-table-view .mui-table-view-cell.NoActive>a:not(.mui-btn).mui-active{background:none;}
51
.mui-table-view .mui-table-view-cell.NoActive.mui-active{background:none;}
51
.mui-table-view .mui-table-view-cell.NoActive.mui-active{background:none;}
52
.mui-table-view.noactiveTab .mui-table-view-cell.mui-active{background:none;}
52
/*图片轮播按钮圆点*/
53
/*图片轮播按钮圆点*/
53
.mui-slider-indicator .mui-indicator{ background: rgba(130,130,130,.4);-webkit-box-shadow:none;box-shadow: none;}
54
.mui-slider-indicator .mui-indicator{ background: rgba(130,130,130,.4);-webkit-box-shadow:none;box-shadow: none;}
54
.mui-slider-indicator .mui-active.mui-indicator{background: rgba(256, 256, 256, 0.6);}
55
.mui-slider-indicator .mui-active.mui-indicator{background: rgba(256, 256, 256, 0.6);}
809
.userInfo .h2Font{font-size:14px;line-height:24px;color:#999999;}
810
.userInfo .h2Font{font-size:14px;line-height:24px;color:#999999;}
810
.userInfo .h3Font{font-size:13px;line-height:22px;color:#666666;}
811
.userInfo .h3Font{font-size:13px;line-height:22px;color:#666666;}
811

812

812
.maintitboxNow{padding:15px 0;border-bottom: 1px solid #E5E5E5;}
813
.maintitboxNow{padding:15px 0;/*border-bottom: 1px solid #E5E5E5;*/}
813
.maintitNow{width: 100%;}
814
.maintitNow{width: 100%;}
814
.maincontent .mui-table-view .mui-table-view-cell:after{left:16px;}
815
.maincontent .mui-table-view .mui-table-view-cell:after{left:16px;}
815
.maincontent .mui-table-view .mui-table-view-cell{padding:12px 15px;}
816
.maincontent .mui-table-view .mui-table-view-cell{padding:12px 15px;}
821
/*-------------提示框---------------*/
822
/*-------------提示框---------------*/
822
.maskBg{position: fixed; left:0; top:0; height: 100%;width:100%; background:url(../images/me_bg_img_tanchu_nor@3x.png);background-size: cover;}
823
.maskBg{position: fixed; left:0; top:0; height: 100%;width:100%; background:url(../images/me_bg_img_tanchu_nor@3x.png);background-size: cover;}
823
/*邀请好友提示*/
824
/*邀请好友提示*/
824
.promptBlock{text-align:center;width: 84%;height:auto;padding:8% 4%;position:fixed;left:50%;margin-left:-42%;top:50%;margin-top:-180px;background: #FFFFFF;border-radius:6px;
825
.promptBlock{text-align:center;width: 84%;height:auto;padding:8% 4%;position:fixed;left:50%;margin-left:-42%;top:50%;margin-top:-188px;background: #FFFFFF;border-radius:6px;
825
			z-index: 999;display: none;
826
			z-index: 999;display: none;
826
 -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
827
 -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
827
       box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
828
       box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
837
.signInBlock .signInImg{width:80%;position:absolute;margin-top:-20%;left:50%;margin-left:-40%;}
838
.signInBlock .signInImg{width:80%;position:absolute;margin-top:-20%;left:50%;margin-left:-40%;}
838
/*分享名片*/
839
/*分享名片*/
839
.promptBlock.shareCardBlock{margin-top:-242px;}
840
.promptBlock.shareCardBlock{margin-top:-242px;}
840
.shareCardBlock .userImg{position:absolute;top:-6px;left:50%; margin-left:-33px;width: 66px;height: 66px;border: 3px solid #FFFFFF;}
841
.shareCardBlock .userImg{position:absolute;top:-15px;left:50%; margin-left:-40px;width: 80px;height: 80px;border: 3px solid #FFFFFF;}
841
.shareCardBlock .h1Font{font-size:16px;margin:0; line-height: 32px;}
842
.shareCardBlock .h1Font{font-size:16px;margin:0; line-height: 32px;}
842
.shareCardBlock .userBasic p{margin-bottom: 0;}
843
.shareCardBlock .userBasic p{margin-bottom: 0;}
843
.shareCardBlock .userBasic{padding: 10px 20px 0;}
844
.shareCardBlock .userBasic{padding: 10px 20px 0;}
864
.maincontent .flexCenter.rewardWhy{min-height: 50px;}
865
.maincontent .flexCenter.rewardWhy{min-height: 50px;}
865
.rewardCount{position: absolute;right:15px; top:50%;margin-top:-10px;font-size:16px;color:#ff9900;}
866
.rewardCount{position: absolute;right:15px; top:50%;margin-top:-10px;font-size:16px;color:#ff9900;}
866
/*积分规则*/
867
/*积分规则*/
867
.maincontent .mui-table-view.rewardRule .mui-table-view-cell:after{left:0}
868
.maincontent .mui-table-view.rewardRule .mui-table-view-cell:after{left:16px}
868
.rewardRule .userImg{top:0;margin-top:0}
869
.rewardRule .userImg{top:0;margin-top:0}
869
.rewardRule .userInfo{margin-top:3px;}
870
.rewardRule .userInfo{margin-top:3px;}
870
.rewardRule .rewardCount{right: 0;color:#333;font-size:15px;}
871
.rewardRule .rewardCount{right: 0;color:#333;font-size:15px;}

+ 26 - 26
app/html/inviteFriends.html

29
						<div class="mui-row inviteBtnNew bgRadius">
29
						<div class="mui-row inviteBtnNew bgRadius">
30
							<div class="mui-col-xs-6 inviteFont">
30
							<div class="mui-col-xs-6 inviteFont">
31
								<p class="inviteNum" id="inviteFraction"></p>
31
								<p class="inviteNum" id="inviteFraction"></p>
32
								<p style="font-size:16px;">已获得积分</p>
32
								<p style="font-size:16px;">已获得邀请奖励</p>
33
							</div>
33
							</div>
34
							<div class="mui-col-xs-6 inviteBtnLink" id="invite">
34
							<div class="mui-col-xs-6 inviteBtnLink" id="invite">
35
								<img src="../images/In-friends_button_yaoqing_nor.png" width="100%" />
35
								<img src="../images/In-friends_button_yaoqing_nor.png" width="100%" />
60
						<ul class="mui-table-view faqBox">
60
						<ul class="mui-table-view faqBox">
61
							<li class="mui-table-view-cell faqItem">
61
							<li class="mui-table-view-cell faqItem">
62
						        <h5 class="h1Font">为什么要邀请好友?</h5>
62
						        <h5 class="h1Font">为什么要邀请好友?</h5>
63
						        <p class="h3Font">答:成功邀请好友注册「科袖」后,您将获得100个积分。您邀请的好友邀请新用户,还能给您带来50个奖励积分。</p>
64
						        <p class="h3Font">「科袖」将陆续发布更多类似的积分奖励规则,如好友成为“科袖认证专家”或完成了一次咨询,您都能获得更多积分。</p>
63
						        <p class="h3Font">答:成功邀请好友注册「科袖」后,您将获得100个奖励积分。您邀请的好友在「科袖」完成了一些特定操作,如邀请新用户、成为[科袖认证专家]等等,还能给您带来 额外的奖励积分。</p>
64
						        <p class="h3Font">「科袖」将陆续发布更多的积分奖励规则,如好友完成了一次咨询或发布了一篇文章,您都能获得更多奖励积分。</p>
65
					    	</li>
65
					    	</li>
66
					   </ul>
66
					   </ul>
67
					</div>
67
					</div>
85
									</div>
85
									</div>
86
						        </div>
86
						        </div>
87
					        </li>
87
					        </li>
88
					        <li class="mui-table-view-cell">
89
						        <div class="flexCenter">
90
						        	<div class="userImg userRadius">
91
						        		<img src="../images/default-photo.jpg"/>
92
						        	</div>
93
									<div class="userInfo">
94
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
95
										<p class="h2Font">北京科技大学</p>
96
										<p class="h3Font mui-ellipsis">他还没有邀请好友!</p>
97
									</div>
98
						        </div>
99
					        </li>
100
					        <li class="mui-table-view-cell">
101
						        <div class="flexCenter">
102
						        	<div class="userImg userRadius">
103
						        		<img src="../images/default-photo.jpg"/>
104
						        	</div>
105
									<div class="userInfo">
106
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
107
										<p class="h2Font">北京科技大学</p>
108
										<p class="h3Font mui-ellipsis">他邀请了 <span>3</span> 位好友,为您带来了 <span>1000</span> 分积分奖励!</p>
109
									</div>
110
						        </div>
88
						        <li class="mui-table-view-cell">
89
							        <div class="flexCenter">
90
							        	<div class="userImg userRadius">
91
							        		<img src="../images/default-photo.jpg"/>
92
							        	</div>
93
										<div class="userInfo">
94
											<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
95
											<p class="h2Font">北京科技大学</p>
96
											<p class="h3Font mui-ellipsis">他还没有邀请好友!</p>
97
										</div>
98
							        </div>
99
						        </li>
100
						        <li class="mui-table-view-cell">
101
							        <div class="flexCenter">
102
							        	<div class="userImg userRadius">
103
							        		<img src="../images/default-photo.jpg"/>
104
							        	</div>
105
										<div class="userInfo">
106
											<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
107
											<p class="h2Font">北京科技大学</p>
108
											<p class="h3Font mui-ellipsis">他邀请了 <span>3</span> 位好友,为您带来了 <span>1000</span> 分积分奖励!</p>
109
										</div>
110
							        </div>
111
					        </li>-->
111
					        </li>-->
112
					        
112
					        
113
					    </ul>
113
					    </ul>

+ 2 - 2
app/html/rewards-list01.html

26
				<div class="conblock" style="margin:0">
26
				<div class="conblock" style="margin:0">
27
					<ul class="mui-row mui-clearfix alignCenter rewardCNum" id="listnav">
27
					<ul class="mui-row mui-clearfix alignCenter rewardCNum" id="listnav">
28
						<li class="mui-col-xs-6 h1Font nowClass">获得积分 <span id="setFraction"></span></li>
28
						<li class="mui-col-xs-6 h1Font nowClass">获得积分 <span id="setFraction"></span></li>
29
						<li class="mui-col-xs-6 h1Font" data-id="2">奖励积分 <span id="rewardFraction"></span></li>
29
						<li class="mui-col-xs-6 h1Font" data-id="2">邀请奖励 <span id="rewardFraction"></span></li>
30
					</ul>
30
					</ul>
31
					<!--有获得积分-->
31
					<!--有获得积分-->
32
					<div class="maincontent">
32
					<div class="maincontent">
40
					            	<img src="../images/points_icon_ku_nor@3x.png" width="28%" />
40
					            	<img src="../images/points_icon_ku_nor@3x.png" width="28%" />
41
					            </div>
41
					            </div>
42
					            <div class="txtbox">
42
					            <div class="txtbox">
43
					            	<p class="noContip">您还有获得积分<br />快去邀请好友获得积分吧!</p>
43
					            	<p class="noContip">您还没有有获得积分<br />快去邀请好友获得积分吧!</p>
44
					            </div>
44
					            </div>
45
					        </div>
45
					        </div>
46
					    </div>
46
					    </div>

+ 1 - 1
app/html/rewards-list02.html

35
				            	<img src="../images/points_icon_ku_nor@3x.png" width="28%" />
35
				            	<img src="../images/points_icon_ku_nor@3x.png" width="28%" />
36
				            </div>
36
				            </div>
37
				            <div class="txtbox">
37
				            <div class="txtbox">
38
				            	<p class="noContip">您还有奖励积分<br />快去邀请好友获得奖励积分吧!</p>
38
				            	<p class="noContip">您还有奖励积分<br />快去邀请好友获得奖励积分吧!</p>
39
				            </div>
39
				            </div>
40
				        </div>
40
				        </div>
41
				    </div>
41
				    </div>

+ 63 - 13
app/html/rewardsRule.html

20
			<div class="rewardCon">
20
			<div class="rewardCon">
21
				<!--有奖励积分-->
21
				<!--有奖励积分-->
22
				<div class="maincontent">
22
				<div class="maincontent">
23
					<ul class="mui-table-view rewardRule">
23
					<ul class="mui-table-view rewardRule noactiveTab">
24
				        <li class="mui-table-view-cell">
24
				        <li class="mui-table-view-cell">
25
				        	<div class="flexCenter">
25
				        	<div class="flexCenter">
26
						        <div class="userImg ">
26
						        <div class="userImg ">
29
								<div class="userInfo">
29
								<div class="userInfo">
30
									<p class="h1Font positionR">每日签到<span class="rewardCount">阶梯积分</span></p>
30
									<p class="h1Font positionR">每日签到<span class="rewardCount">阶梯积分</span></p>
31
									<p class="h2Font">连续签到,获得双倍积分</p>
31
									<p class="h2Font">连续签到,获得双倍积分</p>
32
									<p class="h3Font">第一天签到将获得5个积分,第二天连续签到获得6个积分,第三天获得7个积分,以此类推,直至连续签到5天以上,每天将获得10个积分。若连续签到中断,则重置连续签到奖励。</p>
33
									<p class="h3Font">若连续签到中断,则重置连续签到奖励!</p>
32
									<p class="h3Font">第一天签到将获得5个积分,次日连续签到额外获得1个积分,直至连续签到5天以上,每天将获得10个积分。若连续签到中断,则重置连续签到奖励。</p>
34
								</div>
33
								</div>
35
							</div>
34
							</div>
36
				        </li>
35
				        </li>
42
								<div class="userInfo">
41
								<div class="userInfo">
43
									<p class="h1Font positionR">邀请好友<span class="rewardCount">+100以上</span></p>
42
									<p class="h1Font positionR">邀请好友<span class="rewardCount">+100以上</span></p>
44
									<p class="h2Font">邀请好友加入后,好友还将为您带来奖励</p>
43
									<p class="h2Font">邀请好友加入后,好友还将为您带来奖励</p>
45
									<p class="h3Font">好友通过您分享的邀请页面注册「科袖」后,您将获得100个积分。若您的好友成功邀请他的好友加入,您还将获得50个奖励积分。</p>
46
									<p class="h3Font">「科袖」将陆续发布更多积分奖励规则,如好友成为“科袖认证专家”,或好友完成了一次咨询,都能给您带来奖励积分</p>
44
									<p class="h3Font">好友通过您分享的邀请页面注册「科袖」后,您将获得100个积分</p>
45
									<p class="h3Font">若好友成功邀请新用户加入,您将获得50个奖励积分</p>
46
								    <p class="h3Font">若好友成为[实名认证用户],您将获得50个奖励积分;</p>
47
								    <p class="h3Font">若好友成为[科袖认证专家],您将获得200个奖励积分;</p>
48
								    <p class="h3Font">若好友成为[企业认证员工],您将获得100个奖励积分。</p>
49
								</div>
50
							</div>
51
				        </li>
52
				        <li class="mui-table-view-cell">
53
				        	<div class="flexCenter">
54
						        <div class="userImg ">
55
					        	    <img src="../images/points_icon_fenxiang_nor@3x.png"/>
56
					        	</div>
57
								<div class="userInfo">
58
									<p class="h1Font positionR">成为[科袖认证专家]<span class="rewardCount">+500</span></p>
59
									<p class="h2Font">让企业找到您,让您的科研价值变现</p>
60
									<p class="h3Font">在[我]页面点击[专家认证],上传个人资料,通过认证,成为[科袖认证专家],您将获得500个积分。</p>
61
								</div>
62
							</div>
63
				        </li>
64
				        <li class="mui-table-view-cell">
65
				        	<div class="flexCenter">
66
						        <div class="userImg ">
67
					        	    <img src="../images/points_icon_fenxiang_nor@3x.png"/>
68
					        	</div>
69
								<div class="userInfo">
70
									<p class="h1Font positionR">成为[企业认证员工]<span class="rewardCount">+200</span></p>
71
									<p class="h2Font">发布企业需求,让您找到合适的专家</p>
72
									<p class="h3Font">在PC端进行企业入驻,获得企业账户,认证企业员工,每位员工将获得200个积分。</p>
73
								</div>
74
							</div>
75
				        </li>
76
				        <li class="mui-table-view-cell">
77
				        	<div class="flexCenter">
78
						        <div class="userImg ">
79
					        	    <img src="../images/points_icon_fenxiang_nor@3x.png"/>
80
					        	</div>
81
								<div class="userInfo">
82
									<p class="h1Font positionR">成为[实名认证用户]<span class="rewardCount">+100</span></p>
83
									<p class="h2Font">获得专家的信任,让合作更顺利</p>
84
									<p class="h3Font"> 在[设置-账户与安全]页面点击[实名认证],通过认证,成为[实名认证用户],您将获得100个积分。</p>
85
								</div>
86
							</div>
87
				        </li>
88
				        <li class="mui-table-view-cell">
89
				        	<div class="flexCenter">
90
						        <div class="userImg ">
91
					        	    <img src="../images/points_icon_fenxiang_nor@3x.png"/>
92
					        	</div>
93
								<div class="userInfo">
94
									<p class="h1Font positionR">账户绑定<span class="rewardCount">+50/100</span></p>
95
									<p class="h2Font">绑定手机和邮箱,让您的账户更安全</p>
96
									<p class="h3Font">在[设置-账户与安全]页面绑定邮箱,您将获得50个积分;绑定手机,您将获得100个积分。</p>
47
								</div>
97
								</div>
48
							</div>
98
							</div>
49
				        </li>
99
				        </li>
55
								<div class="userInfo">
105
								<div class="userInfo">
56
									<p class="h1Font positionR">分享信息给好友<span class="rewardCount">+20</span></p>
106
									<p class="h1Font positionR">分享信息给好友<span class="rewardCount">+20</span></p>
57
									<p class="h2Font">通过app与好友分享专家、资源和文章</p>
107
									<p class="h2Font">通过app与好友分享专家、资源和文章</p>
58
									<p class="h3Font"> 在专家、资源和文章浏览页面,点击右上方的[分享]按钮,将该页面分享给您的好友,您即可获得20个积分,每天最多可获得200分</p>
108
									<p class="h3Font">在专家、资源和文章浏览页面,点击右上方的[分享]按钮,将该页面分享给您的好友,您即可获得20个积分,每天最多可获得200分</p>
59
								</div>
109
								</div>
60
							</div>
110
							</div>
61
				        </li>
111
				        </li>
68
					<img class="maintitNow" src="../images/In-friends_bg_wenti_nor@3x.png" />
118
					<img class="maintitNow" src="../images/In-friends_bg_wenti_nor@3x.png" />
69
				</div>
119
				</div>
70
				<div class="maincontent">
120
				<div class="maincontent">
71
					<ul class="mui-table-view faqBox">
121
					<ul class="mui-table-view faqBox noactiveTab">
72
						<li class="mui-table-view-cell faqItem">
122
						<li class="mui-table-view-cell faqItem">
73
					        <h5 class="h1Font">为什么要邀请好友?</h5>
74
					        <p class="h3Font">答:成功邀请好友注册「科袖」后,您将获得100个积分。您邀请的好友邀请了新用户,还能给您带来50个奖励积分。</p>
75
					        <p class="h3Font">「科袖」将陆续发布更多类似的积分奖励规则,如好友成为“科袖认证专家”或完成了一次咨询,您都能获得更多积分。</p>
76
				    	</li>
77
				    	<li class="mui-table-view-cell faqItem">
78
					        <h5 class="h1Font">积分干什么用?</h5>
123
					        <h5 class="h1Font">积分干什么用?</h5>
79
					        <p class="h3Font">答:我们将陆续开放[积分抽奖]、[积分商城]等功能,届时 您可以使用获得的积分,抽取丰厚的奖品兑换您感兴趣的商品。如果您是“科袖认证专家”,您还将能够把积分兑换成现金,具体规则将在功能开放时颁布。</p>
124
					        <p class="h3Font">答:我们将陆续开放[积分抽奖]、[积分商城]等功能,届时 您可以使用获得的积分,抽取丰厚的奖品,兑换您感兴趣的商品,把积分当钱花,具体规则将在功能开放时颁布。</p>
80
				    	</li>
125
				    	</li>
81
				    	<li class="mui-table-view-cell faqItem">
126
				    	<li class="mui-table-view-cell faqItem">
82
					        <h5 class="h1Font">积分规则变化时,我的积分会受影响么?</h5>
127
					        <h5 class="h1Font">积分规则变化时,我的积分会受影响么?</h5>
83
					        <p class="h3Font">答:不受影响,而且,如果您之前已经完成了新规则中的操作,我们还将尽可能地为您补上这些积分。</p>
128
					        <p class="h3Font">答:不受影响,而且,如果您之前已经完成了新规则中的操作,我们还将尽可能地为您补上这些积分。</p>
84
				    	</li>
129
				    	</li>
130
				    	<li class="mui-table-view-cell faqItem">
131
					        <h5 class="h1Font">为什么要邀请好友?</h5>
132
					        <p class="h3Font">答:成功邀请好友注册「科袖」后,您将获得100个奖励积分。您邀请的好友在「科袖」完成了一些特定操作,如邀请新用户、成为[科袖认证专家]等等,还能给您带来额外的奖励积分。</p>
133
				    		<p class="h3Font">「科袖」将陆续发布更多的积分奖励规则,如好友完成了一次咨询或发布了一篇文章,您都能获得更多奖励积分。</p>
134
				    	</li>
85
					</ul>
135
					</ul>
86
				</div>
136
				</div>
87
			</div>
137
			</div>