-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathduihuan-view.html
145 lines (143 loc) · 6.32 KB
/
duihuan-view.html
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
144
145
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<!--<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0"/>-->
<!--[if IE]>
<script type="text/javascript" src="css/js/html5.min.js"></script>
<![endif]-->
<link href="css/main.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="css/js/jquery.min.js"></script>
<script type="text/javascript">
$(".mainList .year .list").each(function (e, target) {
var $target= $(target),
$ul = $target.find("ul");
$target.height($ul.outerHeight()), $ul.css("position", "absolute");
});
$(document).ready( function() {
//底部菜单
$(".toggle").click(function(){
$(this).toggleClass("sel");
$(".nav").toggle();
vh=$(".nav").height()+64;
if($(".nav").is(":visible")==false){
$("#content").css("margin-top","54px");}else{$("#content").css("margin-top",vh);}
})
//底部菜单结束
//顶部菜单
$(".naf").click(function(){
if($("ul",$(this)).hasClass("sel")){
$("ul",$(this)).removeClass("sel");}
else {
$("#footer").find(".sel").removeClass("sel");
$("ul",$(this)).attr("class","sel"); }
})
//顶部菜单结束
$(".mainList .year>h2>a").click(function (e) {
e.preventDefault();
$(this).parents(".year").toggleClass("close");
});
//
$('#tabHis a').click(function(){
$('#tabHis').find(".active").removeClass("active");
$(this).parents('td').addClass("active");})
//
$('.viewC').click(function(){
$(this).parents('.cls').find('.more').toggle();
})
});
</script>
<title>1元购</title>
</head>
<body>
<header class="p5" id="header"><a href="javascript:history.go(-1)" class="abs M-left cb wt60 f16 db">返回</a><a href="index.html" class="abs M-right db wt50"><img src="css/images/logo.png" alt="" width="40"></a>
<div class="toggle">查看全部产品</div>
</header>
<nav class="nav"> <a href="list.html"><span class="f12">3C产品</span></a> <a href="list.html"><span class="f12">创意产品</span></a> <a href="list.html"><span class="f12">健康产品</span></a> <a href="list.html"><span class="f12">生活类</span></a> <a href="list.html"><span class="f12">美妆护肤</span></a><a href="list.html"><span class="f12">保健食品</span></a></nav>
<article id="content">
<section class="pro">
<ul>
<li class="probox bgl line2 box mb0">
<div class="flex1 tc mr15">
<div class="proImg"><a href="view.html"><img src="images/pro.jpg" alt=""></a></div>
</div>
<div class="flex5 pw">
<h1 class="f18"><span class="nb mr5 cr">(第488期)</span>iPhone6 4.7英寸 128G <span class="cr">至大之作,亦是至薄之作(颜色随机)</span></h1>
<p class="mt10 mb10 f18"><span class="mr5">兑换数量：<i class="min"></i>
<input type="text" value="1" size="4" class="tc h33 mr5 ml5" id="">
<i class="add"></i></span> </p>
<p class="rel f18"><i class="jb"></i><span class="pl30">总需：<span class=" cgr">9388</span> 枚天狮金币</span></p>
</div>
</li>
</ul>
<div class="p15 bgwh">
<h1 class="tc mb10">请输入您的联系方式</h1>
<p class="mb10 ovh"><span class="pct20 tr dib">姓 名：</span><input type="text" placeholder="请输入您的真实姓名" class="pct80 p5">
<!--<span class="db pct70 r">出错信息！</span>--></p>
<p class="mb10 ovh"><span class="pct20 tr dib">手机号：</span><input type="text" placeholder="请输入手机号码" class="pct80 p5">
</p>
<p class="mb10 ovh"><span class="pct20 tr dib">邮 箱：</span><input type="text" placeholder="请输入您的邮箱地址" class="pct80 p5">
</p>
<div class="mb10 ovh"><span class="pct20 tr dib"></span>
<div class="selBox">
<select name="" class="selMenu">
<option>选择城市</option>
<option>北京</option>
<option>天津</option>
<option>广州</option>
<option>重庆</option>
</select>
<span class="sj"></span></div>
<span class="next"></span>
<div class="selBox">
<select name="" class="selMenu">
<option>区</option>
<option>北京</option>
<option>天津</option>
<option>广州</option>
<option>重庆</option>
</select>
<span class="sj"></span></div>
<span class="next"></span>
<div class="selBox">
<select name="" class="selMenu">
<option>县</option>
<option>北京</option>
<option>天津</option>
<option>广州</option>
<option>重庆</option>
</select>
<span class="sj"></span></div>
</div>
<p class="mb10 ovh"><span class="pct20 tr dib">地 址：</span><input type="text" placeholder="请输入您的邮寄地址" class="pct80 p5">
</p>
<p class="ovh">
<input type="button" class="btn f16 pct100" value="确认兑换">
</p>
</div>
</section>
</article>
<footer id="footer" class="fix inline_box">
<div id="butten1" class="sel inline_three naf"><a href="http://eshop.tiens.com" target="_blank" class="f14"><strong>移动商城</strong></a></div>
<div id="butten2" class="inline_three naf"><a href="javascript:void(0)" class="f14"><strong>精彩活动</strong></a>
<ul>
<li><a href="sd-jilu.html" class="f14">晒单记录</a></li>
<li><a href="xywj.html" class="f14">幸运玩家</a></li>
<li><a href="falv.html" class="f14">法律声明</a></li>
</ul>
</div>
<div id="butten2" class="inline_three naf"><a href="javascript:void(0)" class="no f14"><strong>个人中心</strong></a></span>
<ul>
<li><a href="goldcoin.html" class="f14">我的金币</a></li>
<li><a href="goldcoin-jilu.html" class="f14">金币收支</a></li>
<li><a href="duihuan.html" class="f14">我的兑换</a></li>
<li><a href="cyjilu.html" class="f14">参与记录</a></li>
<li><a href="guanzhu.html" class="f14">关注列表</a></li>
<li><a href="TiensCloud/myspace.html" class="f14">我的云空间</a></li>
</ul>
</div>
</footer>
</body>
</html>