Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 467 Releases 0 Wiki
Browse Source

我的积分以及积分规则

luyanan 8 years ago
parent
08708f2e52
commit
e26575d3e2
3 changed files with 272 additions and 0 deletions
Split View Show Diff Stats
  1. 82 0
      app/html/rewards-list01.html
  2. 96 0
      app/html/rewards-list02.html
  3. 94 0
      app/html/rewardsRule.html

+ 82 - 0
app/html/rewards-list01.html
View File 

@ -0,0 +1,82 @@
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" style="background: #1fc4f9;">
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 
		    <span class="mui-pull-right topsave">规则</span>
17 
		</header>
18 
        <!--登陆状态-->
19 
		<div class="mui-content bodyBg mui-scroll-wrapper">
20 
			<div class="mui-scroll">
21 
				<!-- 主界面具体展示内容 -->
22 
				<div class="inviteBoxNew">
23 
					<img src="../images/points_banner_img_nor@3x.png" width="100%"/>
24 
					<div class="rewardBox">
25 
						<div class="rewardNow">
26 
							<p>当前积分</p>
27 
							<p><span>1000</span>分</p>
28 
						    <p>超过了<em>100%</em>的用户</p>
29 
						</div>
30 
					</div>
31 
				</div>
32 
				<div class="conblock" style="margin:0">
33 
					<ul class="mui-row mui-clearfix alignCenter rewardCNum">
34 
						<li class="mui-col-xs-6 h1Font nowClass">获得积分 <span class="orangeColor">1080分</span></li>
35 
						<li class="mui-col-xs-6 h1Font">奖励积分 <span>3400分</span></li>
36 
					</ul>
37 
					<!--无获得积分-->
38 
					<div class="nodatabox displayNone">
39 
				        <div class="nodata">
40 
				            <div class="picbox">
41 
				            	<img src="../images/points_icon_ku_nor@3x.png" width="28%" />
42 
				            </div>
43 
				            <div class="txtbox">
44 
				            	<p class="noContip">您还木有获得积分<br />快去邀请好友获得积分吧！</p>
45 
				            </div>
46 
				        </div>
47 
				    </div>
48 
					<!--有获得积分-->
49 
					<div class="maincontent">
50 
						<ul class="mui-table-view myreward">
51 
					        <li class="mui-table-view-cell">
52 
						        <div class="rewardWhy">
53 
						        	<p class="h1Font">分享专家给好友</p>
54 
						        	<p class="h2Font">04-05 16:23</p>
55 
						        </div>
56 
						        <span class="rewardCount">+ 10分</span>
57 
					        </li>
58 
					        <li class="mui-table-view-cell">
59 
						        <div class="rewardWhy">
60 
						        	<p class="h1Font">分享专家给好友</p>
61 
						        	<p class="h2Font">04-05 16:23</p>
62 
						        </div>
63 
						        <span class="rewardCount">+ 10分</span>
64 
					        </li>
65 
					        <li class="mui-table-view-cell">
66 
						        <div class="rewardWhy">
67 
						        	<p class="h1Font">分享专家给好友</p>
68 
						        	<p class="h2Font">04-05 16:23</p>
69 
						        </div>
70 
						        <span class="rewardCount">+ 10分</span>
71 
					        </li>
72 
					    </ul>
73 
					</div>
74 
				</div>
75 
			</div>
76 
		</div>
77
78 
		<script src="../js/public/mui.min.js"></script>
79 
		<script src="../js/public/base.js"></script>
80 
	</body>
81
82 
</html>

+ 96 - 0
app/html/rewards-list02.html
View File 

@ -0,0 +1,96 @@
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" style="background: #1fc4f9;">
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 
		    <span class="mui-pull-right topsave">规则</span>
17 
		</header>
18 
        <!--登陆状态-->
19 
		<div class="mui-content mui-scroll-wrapper">
20 
			<div class="mui-scroll">
21 
				<!-- 主界面具体展示内容 -->
22 
				<div class="inviteBoxNew">
23 
					<img src="../images/points_banner_img_nor@3x.png" width="100%"/>
24 
					<div class="rewardBox">
25 
						<div class="rewardNow">
26 
							<p>当前积分</p>
27 
							<p><span>1000</span>分</p>
28 
						    <p>超过了<em>100%</em>的用户</p>
29 
						</div>
30 
					</div>
31 
				</div>
32 
				<div class="rewardCon">
33 
					<ul class="mui-row mui-clearfix alignCenter rewardCNum">
34 
						<li class="mui-col-xs-6 h1Font">获得积分 <span>1080分</span></li>
35 
						<li class="mui-col-xs-6 h1Font nowClass">奖励积分 <span class="orangeColor">3400分</span></li>
36 
					</ul>
37 
					<!--无奖励积分-->
38 
					<div class="nodatabox displayNone">
39 
				        <div class="nodata">
40 
				            <div class="picbox">
41 
				            	<img src="../images/points_icon_ku_nor@3x.png" width="28%" />
42 
				            </div>
43 
				            <div class="txtbox">
44 
				            	<p class="noContip">您还木有奖励积分<br />快去邀请好友获得奖励积分吧！</p>
45 
				            </div>
46 
				        </div>
47 
				    </div>
48 
					<!--有奖励积分-->
49 
					<div class="maincontent">
50 
						<ul class="mui-table-view myreward">
51 
					         <li class="mui-table-view-cell">
52 
						        <div class="flexCenter rewardWhy">
53 
						        	<div class="userImg userRadius">
54 
						        		<img src="../images/default-photo.jpg"/>
55 
						        	</div>
56 
									<div class="userInfo">
57 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
58 
									</div>
59 
						        </div>
60 
						        <span class="rewardCount">+ 10分</span>
61 
					        </li>
62 
					        <li class="mui-table-view-cell">
63 
						        <div class="flexCenter rewardWhy">
64 
						        	<div class="userImg userRadius">
65 
						        		<img src="../images/default-photo.jpg"/>
66 
						        	</div>
67 
									<div class="userInfo">
68 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
69 
									</div>
70 
						        </div>
71 
						        <span class="rewardCount">+ 10分</span>
72 
					        </li>
73 
					        <li class="mui-table-view-cell">
74 
						        <div class="flexCenter rewardWhy">
75 
						        	<div class="userImg userRadius">
76 
						        		<img src="../images/default-photo.jpg"/>
77 
						        	</div>
78 
									<div class="userInfo">
79 
										<p class="h1Font positionR"><span>用户姓名</span><em class="authicon authicon-pro"></em></p>
80 
									</div>
81 
						        </div>
82 
						        <span class="rewardCount">+ 10分</span>
83 
					        </li>
84 
					    </ul>
85 
					</div>
86
87
88 
				</div>
89 
			</div>
90 
		</div>
91
92 
		<script src="../js/public/mui.min.js"></script>
93 
		<script src="../js/public/base.js"></script>
94 
	</body>
95
96 
</html>

+ 94 - 0
app/html/rewardsRule.html
View File 

@ -0,0 +1,94 @@
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">
19 
			<!-- 主界面具体展示内容 -->
20 
			<div class="rewardCon">
21 
				<!--有奖励积分-->
22 
				<div class="maincontent">
23 
					<ul class="mui-table-view rewardRule">
24 
				        <li class="mui-table-view-cell">
25 
				        	<div class="flexCenter">
26 
						        <div class="userImg ">
27 
					        	    <img src="../images/points_icon_qiandao_nor@3x.png"/>
28 
					        	</div>
29 
								<div class="userInfo">
30 
									<p class="h1Font positionR">每日签到<span class="rewardCount">阶梯积分</span></p>
31 
									<p class="h2Font">连续签到，获得双倍积分</p>
32 
									<p class="h3Font">第一天签到将获得5个积分，第二天连续签到获得6个积分，第三天获得7个积分，以此类推，直至连续签到5天以上，每天将获得10个积分。若连续签到中断，则重置连续签到奖励。</p>
33 
									<p class="h3Font">若连续签到中断，则重置连续签到奖励！</p>
34 
								</div>
35 
							</div>
36 
				        </li>
37 
				        <li class="mui-table-view-cell">
38 
				        	<div class="flexCenter">
39 
						        <div class="userImg ">
40 
					        	    <img src="../images/points_icon_fenxiang_nor@3x.png"/>
41 
					        	</div>
42 
								<div class="userInfo">
43 
									<p class="h1Font positionR">邀请好友<span class="rewardCount">+100以上</span></p>
44 
									<p class="h2Font">邀请好友加入后，好友还将为您带来奖励</p>
45 
									<p class="h3Font">好友通过您分享的邀请页面注册「科袖」后，您将获得100个积分。若您的好友成功邀请他的好友加入，您还将获得50个奖励积分。</p>
46 
									<p class="h3Font">「科袖」将陆续发布更多积分奖励规则，如好友成为“科袖认证专家”，或好友完成了一次咨询，都能给您带来奖励积分！</p>
47 
								</div>
48 
							</div>
49 
				        </li>
50 
				        <li class="mui-table-view-cell">
51 
				        	<div class="flexCenter">
52 
						        <div class="userImg ">
53 
					        	    <img src="../images/points_icon_shoujiang_nor@3x.png"/>
54 
					        	</div>
55 
								<div class="userInfo">
56 
									<p class="h1Font positionR">分享信息给好友<span class="rewardCount">+20</span></p>
57 
									<p class="h2Font">通过app与好友分享专家、资源和文章</p>
58 
									<p class="h3Font"> 在专家、资源和文章浏览页面，点击右上方的[分享]按钮，将该页面分享给您的好友，您即可获得20个积分，每天最多可获得200分！</p>
59 
								</div>
60 
							</div>
61 
				        </li>
62 
				    </ul>
63 
				</div>
64 
			</div>
65
66 
			<div class="mui-card-content conblock" style="margin-bottom: 0;">
67 
				<div class="maintitboxNow">
68 
					<img class="maintitNow" src="../images/In-friends_bg_wenti_nor@3x.png" />
69 
				</div>
70 
				<div class="maincontent">
71 
					<ul class="mui-table-view faqBox">
72 
						<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>
79 
					        <p class="h3Font">答：我们将陆续开放[积分抽奖]、[积分商城]等功能，届时 您可以使用获得的积分，抽取丰厚的奖品、兑换您感兴趣的商品。如果您是“科袖认证专家”，您还将能够把积分兑换成现金，具体规则将在功能开放时颁布。</p>
80 
				    	</li>
81 
				    	<li class="mui-table-view-cell faqItem">
82 
					        <h5 class="h1Font">积分规则变化时，我的积分会受影响么？</h5>
83 
					        <p class="h3Font">答：不受影响，而且，如果您之前已经完成了新规则中的操作，我们还将尽可能地为您补上这些积分。</p>
84 
				    	</li>
85 
					</ul>
86 
				</div>
87 
			</div>
88 
		</div>
89
90 
		<script src="../js/public/mui.min.js"></script>
91 
		<script src="../js/public/base.js"></script>
92 
	</body>
93
94 
</html>