-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdetail.html
132 lines (131 loc) · 6.16 KB
/
detail.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/detail.css">
<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
</head>
<body>
<div class="wrapper">
<header>
<span class="l iconfont back"></span>
<p class="l center">美味详情</p>
<span class="r iconfont share"></span>
</header>
<div class="goods-img">
<div class="swiper-container">
<div class="swiper-wrapper">
<!-- <div class="swiper-slide"></div>
<div class="swiper-slide"></div>
<div class="swiper-slide"></div> -->
</div>
<!-- 如果需要分页器 -->
<!-- <div class="swiper-pagination"></div> -->
<div class="pagecount"><span class="now">1</span>/3</div>
</div>
</div>
<div class="title">
<p>[香味夫]香瓜子<span>西瓜子</span> <span>五香黑瓜子</span> <span>五香西瓜子</span>袋装280g</p>
</div>
<div class="collect">
<span class="r"><strong class="iconfont"></strong><br>收藏</span>
</div>
<div class="price">
<p><span>¥ 9.</span><i>90</i><strong>4.3折</strong></p>
</div>
<div class="showcondition">
<span class="l">超市价：<i>¥22.80</i></span>
<span class="r">已售125件</span>
</div>
<div class="countdown">
<p><span class="iconfont time"></span><span class="day col"></span>天<span class="hour col"></span>小时<span class="minute col"></span>分<span class="seconds col"></span>秒,价格将恢复至19.9元</p>
</div>
<div class="wechat">
<p class="wep"><span class="iconfont chaticon"></span>小喵的个人微信号是:lingshixiaomiao,喵亲们有任何问题都可以随时加我，不定期发送优惠券，朋友圈还有劲爆彩蛋噢。</p>
<span class="copybtn">复制</span><span class="fuzhu"></span>
</div>
<div class="goodsimage">
<p>康味夫 香瓜子 西瓜子 280g</p>
<div class="img1">
<img src="img/first.bmp" alt="">
</div>
<div class="img2">
<img src="img/second.bmp" alt="">
</div>
<div class="img3">
<img src="img/third.bmp" alt="">
</div>
</div>
<div class="delicious">
<div class="titleinfo">
<p><span></span>美味信息</p>
</div>
<div class="relinfo">
<p><span>供应商：小喵自营商店</span><span class="dic2">保质期：12个月</span></p>
<p><span>产地：北京</span><span class="dic3">生产日期：见包装</span></p>
</div>
</div>
<div class="fourspeciale">
<p>小喵为您的每一次零食体验，竭尽全力</p>
<p class="choose"><span class="zhicai l"><strong class="iconfont">󰉚</strong><br>海外直采</span><span class="zheng l"><strong class="iconfont">󰉌</strong><br>正品免税</span><span class="ciri l"><strong class="iconfont">󰉕</strong><br>最快次日到达</span><span class="tui l"><strong class="iconfont">󰉠</strong><br>7天退货</span></p>
</div>
<div class="miaoqin">
<p class="p1"><span></span>喵亲口碑(2)</p>
<div class="command">
<p><span class="touxiang"></span>1***8</p>
<p>喜欢吃瓜子。在小苗买的。分量足，价格也可以，吃了停不下来。不错！</p>
</div>
<div class="command">
<p><span class="touxiang"></span>の***付</p>
<p>喜欢吃瓜子。在小苗买的。分量足，价格也可以，吃了停不下来。不错！</p>
</div>
<div class="more">
<p class="iconfont">查看更多评价</p>
</div>
</div>
<div class="guesslike">
<p class="p1"><span></span>猜你喜欢</p>
<div class="guessgoods">
<div class="goodsimg g1">
<img class="img" src="" alt="">
<p class="guesstitle"></p>
</div>
<p class="guessprice"><span class="curpr"></span><span class="oldpr"></p>
</div>
<div class="guessgoods">
<div class="goodsimg g2">
<img class="img" src="" alt="">
<p class="guesstitle"></p>
</div>
<p class="guessprice"><span class="curpr"></span><span class="oldpr"></p>
</div>
<div class="guessgoods">
<div class="goodsimg g3">
<img class="img" src="" alt="">
<p class="guesstitle"></p>
</div>
<p class="guessprice"><span class="curpr"></span><span class="oldpr"></span></p>
</div>
<div class="guessgoods">
<div class="goodsimg g4">
<img class="img" src="" alt="">
<p class="guesstitle"></p>
</div>
<p class="guessprice"><span class="curpr"></span><span class="oldpr"></p>
</div>
</div>
<div class="gotogwc">
<span class="l icon"><i class="countadd">0</i></span>
<span class="l btn" goods="">加入购物车</span>
</div>
</div>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/rem.js"></script>
<script type="text/javascript" src="js/jQuery-3.1.0.js"></script>
<script type="text/javascript" src="js/detail.js"></script>
</body>
</html>