-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdetails.html
339 lines (334 loc) · 13.8 KB
/
details.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
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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>商品详情页</title>
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/details.css">
<!--引入阿里图库网 -->
<link rel="stylesheet" href="//at.alicdn.com/t/font_1758536_yw3vdyug71g.css">
<script src="./js/details.js"></script>
</head>
<body>
<div id="wrap" class="w">
<!-- 面包屑导航 -->
<div class="bordercrumb">
<a href="javascript:;">药房网商城</a>
<a href="javascript:;">中西补药</a>
<a href="javascript:;">营养滋补</a>
</div>
<!-- 面板区域 -->
<div class="panel clearfix">
<div class="leftPan">
<!-- 中图区域 -->
<div class="medZoom">
<div class="medImg">
<img class="imgZoom" src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_syp.jpg" alt="">
</div>
<span>温馨提醒：商品包装因厂家更换频繁，如有不符请以实物为准。</span>
</div>
<!-- 轮播图 -->
<div class="smbanner">
<ul class="bannerImg">
<li class="small_img"><img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_120x120.jpg" alt=""></li>
<li class="small_img"><img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_120x120.jpg" alt=""></li>
<li class="small_img"><img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_120x120.jpg" alt=""></li>
<li class="small_img"><img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_120x120.jpg" alt=""></li>
<li class="small_img"><img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_120x120.jpg" alt=""></li>
<li class="small_img"><img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_120x120.jpg" alt=""></li>
<li class="small_img"><img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_120x120.jpg" alt=""></li>
</ul>
<div class="arrowBtn icons left"></div>
<div class="arrowBtn icons right"></div>
</div>
<!-- 下边文字 -->
<div class="share clearfix">
<div class="star">
<b class="icons"></b>收藏商品
</div>
<span>商品编号：575184</span>
</div>
</div>
<!-- 中间区域 -->
<div class="centerPan">
<h1>
<i class="icon_otc"></i>
星鲨 维生素D滴剂
</h1>
<div class="newAppend clearfix">
<div class="Appendr">
<span class="AppDown">新客下载App领20元劵</span>
<a class="AppDowntwo">立即去领</a>
</div>
</div>
<div class="info">
<ul class="intr">
<li>
<p><s class="l">通用名：</s> 维生素D滴剂</p>
<p><s class="l">通用名：</s>维生素D滴剂</p>
</li>
<li>
<p><s class="l">包装规格：</s> 维生素D滴剂</p>
<p><s class="l">剂型/型号</s>：</s>维生素D滴剂</p>
</li>
<li>
<p><s class="l">通用名：</s> 维生素D滴剂</p>
<p><s class="l">通用名：</s>维生素D滴剂</p>
</li>
</ul>
<!-- 幕布效果 -->
<div class="curtain">
<ul>
<li>
<span class="detail-title">优惠活动</span>
<span class="">优惠满减活动 <i class="icon"></i></span>
</li>
</ul>
</div>
<!-- 运费区域 -->
</div>
</div>
<!-- 右边区域 -->
<div class="rightPan">
<div class="title1">
<a href="javascript:;"><img src="./img/picture/noyaodian_logo.png" alt=""></a>
<p class="morebtn">义乌市萱草堂药房有限公司 <i class="icons"></i></p>
</div>
<!-- 未点击的时候显示 -->
<div class="details">
<div class="details_info">
<div class="info_item clearbor">
<p class="info_item_text">服务</p>
<p class="info_item_score">5.0</p>
</div>
<div class="info_item">
<p class="info_item_text">服务</p>
<p class="info_item_score">5.0</p>
</div>
<div class="info_item">
<p class="info_item_text">服务</p>
<p class="info_item_score">5.0</p>
</div>
<div class="info_item">
<p class="info_item_text">服务</p>
<p class="info_item_score">5.0</p>
</div>
</div>
<div class="details_down">
<p>店铺评分：</p>
<p>退单率：0.0%</p>
<p>发货时间：8.1小时</p>
<p>营业时间：8:00-22:00</p>
<p>店铺地址：浙江省金华市义乌市义乌市稠江街道后申塘村6幢</p>
</div>
</div>
<!-- 点击以后显示 -->
<div class="details-active">
<div class="details-active-info">
<i class="icons yrz"></i>
<i class="icons yyzz" ></i>
<i class="icons jyxkz"></i>
</div>
<div class="details_down">
<p>营业执照：656456465464</p>
<p>GSP证号：C-ZJ-15-07-0399</p>
<p>经营许可证：浙DA5790118</p>
<p>经营范围：中药材、中药饮片、中成药、化学药制剂、抗生素制剂、生化药品。</p>
</div>
</div>
<div class="storeEnter">
<a>进入店铺</a>
</div>
</div>
</div>
<!-- 下半部分 -->
<div class="detailinfo clearfix">
<!-- 左边部分 -->
<div class="left-details">
<div class="box-item">
<h4>店内搜索</h4>
<div class="box-inner">
<input type="text" placeholder="请输入关键字查询" id="searchinput">
<button id="searchBtn" class="iconfont icon-chazhao"></button>
</div>
</div>
<div class="box-item">
<h4>相关分类</h4>
<div class="box-inner box-flex">
<a href="javascropt:;" class="box-info">维生素</a>
<a href="javascropt:;" class="box-info">维生素</a>
<a href="javascropt:;" class="box-info">维生素</a>
<a href="javascropt:;" class="box-info">维生素</a>
<a href="javascropt:;" class="box-info">维生素</a>
<a href="javascropt:;" class="box-info">维生素</a>
</div>
</div>
<div class="box-item">
<h4>商家推荐</h4>
<ul class="goodsList">
<li>
<a href="javascript:;" class="imgWrapper">
<img src="//c1.yaofangwang.net/19/3057/2a6a00e4e849ff1e1c7396503fb300f9.jpg_300x300.jpg" alt="">
</a>
<a href="javascript:;" class="goods-title">星鲨 维生素D滴剂</a>
<p class="goods-spec">400Ux10粒x3板/盒</p>
<p class="goods-price"><span >￥55.5</span></p>
</li>
</ul>
</div>
</div>
<!-- 右边部分 -->
<div class="right-details">
<div class="tabnav">
<ul class="navul clearfix">
<li><a href="#cur" class="is_active">商品说明</a></li>
<li><a href="#cur">服务保障</a></li>
<li><a href="#cur">常见问题</a></li>
<li><a href="#cur">真伪查询</a></li>
</ul>
</div>
<div class="info-tip">
<i class="iconfont icon-jinggao"></i>
安全提示：如商家要求您在淘宝或其他网站下单发货，商城将不承诺任何服务保障！举报电话：400-8810-120
</div>
<div class="goods-instr" id="cur">
<div class="title">
<span><i class="iconfont icon-shuomingshu"></i></span>
<h2>星鲨 维生素D滴剂商品详情</h2>
</div>
</div>
<div class="goodsInstr-info clearfix">
<div class="left-info">
<div class="info-wrapper">
<span class="Merchants">通用名称:</span>
<span class="MerInfo">维生素D滴剂</span>
</div>
<div class="info-wrapper">
<span class="Merchants">通用名称:</span>
<span class="MerInfo">维生素D滴剂</span>
</div>
<div class="info-wrapper">
<span class="Merchants">通用名称:</span>
<span class="MerInfo">维生素D滴剂</span>
</div>
</div>
<div class="right-info">
<div class="info-wrapper">
<span class="Merchants">通用名称:</span>
<span class="MerInfo">维生素D滴剂</span>
</div>
<div class="info-wrapper">
<span class="Merchants">通用名称:</span>
<span class="MerInfo">维生素D滴剂</span>
</div>
<div class="info-wrapper">
<span class="Merchants">通用名称:</span>
<span class="MerInfo">维生素D滴剂</span>
</div>
</div>
</div>
<div class="info-tip default">
<i class="iconfont icon-jinggao"></i>
友情提示：以下星鲨 维生素D滴剂说明书信息由药房网商城手工录入，可能会与实际有所误差，仅供参考，具体请以实际商品为准。
</div>
<table class="table">
<tr>
<td><div class="tableinfo">【执行标准】</div></td>
<td class="desc">国家药品标准WS-10001-(HD-1441)-2003</td>
</tr>
<tr>
<td><div class="tableinfo">【性状】</div></td>
<td class="desc">国家药品标准WS-10001-(HD-1441)-2003</td>
</tr>
<tr>
<td><div class="tableinfo">【作用类别】</div></td>
<td class="desc">国家药品标准WS-10001-(HD-1441)-2003</td>
</tr>
<tr>
<td><div class="tableinfo">【药理毒理】</div></td>
<td class="desc">国家药品标准WS-10001-(HD-1441)-2003</td>
</tr>
<tr>
<td><div class="tableinfo">【执行标准】</div></td>
<td class="desc">国家药品标准WS-10001-(HD-1441)-2003</td>
</tr>
<tr>
<td><div class="tableinfo">说明书图解</div></td>
<td class="desc">
<a href="javascript:;" class="tableImg">
<img src="//c1.yaofangwang.net/19/3267/a11d4c36626edad022f7b9cbe2f71ebb.jpg_300x300.jpg" alt="">
</a>
</td>
</tr>
</table>
<!-- 图解部分//////////////////////////// -->
<div class="title">
<span><i class="iconfont icon-shuomingshu"></i></span>
<h2>星鲨 维生素D滴剂商品详情</h2>
</div>
<div class="img-list">
<a href="javascript:;">
<img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_syp.jpg" alt="">
</a>
<a href="javascript:;">
<img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_syp.jpg" alt="">
</a>
<a href="javascript:;">
<img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_syp.jpg" alt="">
</a>
<a href="javascript:;">
<img src="./img/picture/2a6a00e4e849ff1e1c7396503fb300f9.jpg_syp.jpg" alt="">
</a>
</div>
<div class="title">
<span><i class="iconfont icon-shuomingshu"></i></span>
<h2>义乌市萱草堂药房有限公司店铺实景</h2>
</div>
<div class="image-list2">
<a href="javascript:;" target="_bank">
<img src="./img/picture/[email protected]" alt="">
</a>
</div>
<!-- ////// -->
<div class="title">
<span><i class="iconfont icon-shuomingshu"></i></span>
<h2>义乌市萱草堂药房有限公司商家资质</h2>
</div>
<div class="image-list2">
<a href="javascript:;" target="_bank">
<img src="./img/picture/[email protected]" alt="">
</a>
</div>
<!-- ////// -->
<!-- 服务保障 -->
<div class="serve-security">
<div class="title">
<span>
<i class="iconfont icon-shuomingshu"></i>
</span>
<h2>服务保障</h2>
</div>
<!-- -->
<div class="serve-detail">
<div class="serve-item clearfix">
<div class="icons real"></div>
<div class="item-text">
<h5>正品保证</h5>
<p>药房网商城在售商品均由正规实体签约商家供货，商家提供正品保证。在购物过程中发现任何商家有违规行为，请直接向我们投诉举报！药房网商城在售商品均由正规实体签约商家供货，商家提供正品保证。在购物过程中发现任何商家有违规行为，请直接向我们投诉举报</p>
</div>
</div>
<div class="serve-item clearfix">
<div class="icons invoice"></div>
<div class="item-text">
<h5>正品保证</h5>
<p>药房网商城在售商品均由正规实体签约商家供货，商家提供正品保证。在购物过程中发现任何商家有违规行为，请直接向我们投诉举报！</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>