mobileWebPage/game-details-going.html at master · runRole/mobileWebPage · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<title>开拍网</title>
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
		<!-- Bootstrap -->
		<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<link rel="stylesheet" type="text/css" href="css/game-details-going.css"/>
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
	      <script src="lib/html5shiv/html5shiv.min.js"></script>
	      <script src="lib/respond/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body style="margin-bottom: 50px;">
		<header id="header" class="">
			<span class="header-wrap">
				<a href="javascript:history.back(1)" class="back pull-left"><img src="img/arrow-dash.png"/></a>
				<h1>详情</h1>
			</span>
		</header>
		<!--广告轮播-->
		<section id="main_ad">
			<div id="carousel-main-ad" class="carousel slide" data-ride="carousel">
				<!-- 活动指示器 -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-main-ad" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-main-ad" data-slide-to="1"></li>
					<li data-target="#carousel-main-ad" data-slide-to="2"></li>
				</ol>

				<!-- 轮播项 -->
				<div class="carousel-inner" role="listbox">
					<div class="item active"><img src="img/icon110205.jpg" alt="" /></div>
					<div class="item"><img src="img/icon110206.jpg" /></div>
					<div class="item"><img src="img/icon110205.jpg" /></div>
				</div>

				<!-- Controls -->
				<a class="left carousel-control" href="#carousel-main-ad" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left hidden"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" href="#carousel-main-ad" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right hidden"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>

		</section>
		<!--/广告轮播-->
		<scetion id="record-info">
			<div class="game-info">
				<div class="stuff-desc">
					<div class="stuff-desc-details">
						<h5>(1期) Apple苹果iPhone7Plus 128G版手机(颜色随机)</h5>
					</div>
					<div class="stutas">
						<span>进行中</span>
					</div>
				</div>
				<div class="join-nums">
					<span class="totle">总需<i>6000</i>份,</span><span class="already-join">已参与<i>4000</i>份</span>
				</div>
				<div class="game-progress">
					<i class="progress-words" style="left: 75%;">76%</i>
					<div class="progress-bar-wrap" style="margin-bottom: 10px;">
						<span class="progress-bar-under"></span>
						<span class="progress-bar-on"></span>
					</div>
				</div>
			</div>
			<div class="stat">
				<p>您没有参与本次夺宝</p>
			</div>
			<div class="reword-record">
				<div class="col-xs-10">
					<h5>往期揭晓</h4>
				</div>
				<i class="col-xs-2 text-right"><img src="img/arrow-right.png" width="12px" alt="" /></i>
			</div>
			<div class="join-record">
				<h4 class="p-title">
					本期参与记录
				</h4>
			</div>
			<div class="jion-game-list">
				<ul class="game-ul-list clearfix">
					<li class="clearfix">
							<span class="left-img pull-left">
								<i><img class="join-icon" src="img/share-icon01.png" alt=""></i>
							</span>
							<span class="right">
								<h5 class="username">用户159****2337</h5>
							<p class="">
								<i class="i1">参与了100份</i>
								<i class="pull-right">2016-12-16</i>
							</p>
							</span>
					</li>
					<li class="clearfix">
							<span class="left-img pull-left">
								<i><img class="join-icon" src="img/share-icon01.png" alt=""></i>
							</span>
							<span class="right">
								<h5 class="username">用户159****2337</h5>
							<p class="">
								<i class="i1">参与了100份</i>
								<i class="pull-right">2016-12-16</i>
							</p>
							</span>
					</li>
					<li class="clearfix">
							<span class="left-img pull-left">
								<i><img class="join-icon" src="img/share-icon01.png" alt=""></i>
							</span>
							<span class="right">
								<h5 class="username">用户159****2337</h5>
							<p class="">
								<i class="i1">参与了100份</i>
								<i class="pull-right">2016-12-16</i>
							</p>
							</span>
					</li>
					</ul>
				</div>
		</scetion>
		<div class="switch-bottom-tab text-center">
			<a class="btn btn-kaipai btn-width" href="javascript">立即购买</a>
		</div>
	</body>
	<script src="lib/jquery/jquery.min.js"></script>
	<script src="lib/bootstrap/js/bootstrap.js"></script>
	<script>
	</script>

</html>