-
Notifications
You must be signed in to change notification settings - Fork 18
Expand file tree
/
Copy pathproDetail.html
More file actions
181 lines (178 loc) · 6.69 KB
/
proDetail.html
File metadata and controls
181 lines (178 loc) · 6.69 KB
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html>
<head lang="en">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>创意白瓷干花花瓶摆件</title>
<link href="css/base.css" type="text/css" rel="stylesheet">
<link href="css/swiper.css" type="text/css" rel="stylesheet">
<link href="css/kind.css" type="text/css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.js"></script>
<![endif]-->
</head>
<body>
<div class="kind detail">
<header>
<a class="fl" href="#"><i class="iconfont"></i></a>
<h2>创意白瓷干花花瓶摆件</h2>
<a href="#"><i class="iconfont"></i></a>
</header>
</div>
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="img/temp/5.jpg"></div>
<div class="swiper-slide"><img src="img/temp/6.jpg"></div>
<div class="swiper-slide"><img src="img/temp/7.jpg"></div>
<div class="swiper-slide"><img src="img/temp/8.jpg"></div>
<div class="swiper-slide"><img src="img/temp/9.jpg"></div>
</div>
</div>
<div class="detCon">
<div class="txt">
<p>创意白瓷干花花瓶摆件</p>
<p>【破损补寄】【适合放室内、卧室、书房、餐桌、办公室、客厅、电视柜等地方】【无理由退换货】</p>
<p>￥39.90</p>
</div>
<div class="choice">
<p class="clearfix buy"><span class="fl">请选择 颜色分类</span><i class="iconfont fr"></i></p>
</div>
<div>
<div class="tit">
<a href="#" class="on">图文详情</a>
<a href="#">所有评价</a>
</div>
<div class="con">
<img src="img/temp/det04.jpg">
<img src="img/temp/det03.jpg">
<img src="img/temp/det02.jpg">
<img src="img/temp/det01.jpg">
<img src="img/temp/det05.jpg">
<img src="img/temp/det06.jpg">
<img src="img/temp/6.jpg">
</div>
<div class="eva">
<div class="per clearfix">
<div class="perR fl">
<img class="fl" src="img/temp/per01.jpg">
<p>馨***呀</p>
<p>不好意思评价晚了，产品很好，包装好，全5分</p>
<div class="clearfix">
<p><img src="img/temp/eva01.jpg"></p>
<p><img src="img/temp/eva02.jpg"></p>
<p><img src="img/temp/eva03.jpg"></p>
<p><img src="img/temp/eva04.jpg"></p>
<p><img src="img/temp/eva05.jpg"></p>
</div>
<p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
</div>
</div>
<div class="per clearfix">
<div class="perR fl">
<img class="fl" src="img/temp/per02.jpg">
<p>么***周</p>
<p>花瓶超级棒，我看图以为是光面的。磨砂上面还有点纹路，不过觉得挺自然的，不影响美观。包装也很好，绝对不会磕碎碰坏，好评！</p>
<p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
</div>
</div>
<div class="per clearfix">
<div class="perR fl">
<img class="fl" src="img/temp/per01.jpg">
<p>馨***呀</p>
<p>不好意思评价晚了，，发货快，包装好，全5分</p>
<div class="clearfix">
<p><img src="img/temp/eva01.jpg"></p>
<p><img src="img/temp/eva02.jpg"></p>
<p><img src="img/temp/eva03.jpg"></p>
<p><img src="img/temp/eva04.jpg"></p>
<p><img src="img/temp/eva05.jpg"></p>
</div>
<p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
</div>
</div>
<div class="per clearfix">
<div class="perR fl">
<img class="fl" src="img/temp/per02.jpg">
<p>么***周</p>
<p>花瓶超级棒，我看图以为是光面的，很喜欢。磨砂上面还有点纹路，不过觉得挺自然的，不影响美观。包装也很好，绝对不会磕碎碰坏，好评！</p>
<p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
</div>
</div>
<div class="per clearfix">
<div class="perR fl">
<img class="fl" src="img/temp/per01.jpg">
<p>馨***呀</p>
<p>不好意思评价晚了，产品很好，价格比玻璃品便宜，没有我担心的杂色，发货快，包装好，全5分</p>
<div class="clearfix">
<p><img src="img/temp/eva01.jpg"></p>
<p><img src="img/temp/eva02.jpg"></p>
<p><img src="img/temp/eva03.jpg"></p>
<p><img src="img/temp/eva04.jpg"></p>
<p><img src="img/temp/eva05.jpg"></p>
</div>
<p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
</div>
</div>
<div class="per clearfix">
<div class="perR fl">
<img class="fl" src="img/temp/per02.jpg">
<p>么***周</p>
<p>花瓶超级棒，我看图以为是光面的，很喜欢。磨砂上面还有点纹路，不过觉得挺自然的，不影响美观。包装也很好，绝对不会磕碎碰坏，好评！</p>
<p><span>2016年12月27日08:31</span><span>颜色分类：大中小三件套（不含花）</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="lastBtn">
<a href="#" class="buy">立即购买</a>
<a href="#" class="buy">加入购物车</a>
</div>
<!--tip-->
<div class="mask"></div>
<div class="last">
<div class="tip boxSizing">
<p>创意白瓷干花花瓶摆件</p>
<p>【破损补寄】【适合放室内、卧室、电视柜等地方】【无理由退换货】【包邮】【白色现代简约花瓶】</p>
<div class="kinds clearfix">
<span class="fl">颜色分类</span>
<div class="imgs fr">
<img src="img/temp/prodet05.jpg">
<img src="img/temp/prodet06.jpg">
<img src="img/temp/prodet07.jpg">
<img src="img/temp/prodet08.jpg">
</div>
</div>
<div class="num clearfix">
<span class="fl">数量</span>
<div class="fr clearfix">
<i class="iconfont fl"></i>
<span class="fl">1</span>
<i class="iconfont fl"></i>
</div>
</div>
<div class="btns">
<p><a href="#">确定</a></p>
</div>
</div>
</div>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/public.js"></script>
<script src="js/pro.js"></script>
<script>
$(function(){
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
slidesPerView: 1,
centeredSlides: true,
paginationClickable: true,
spaceBetween: 0
});
})
</script>
</body>
</html>