-
Notifications
You must be signed in to change notification settings - Fork 0
/
detail.html
154 lines (154 loc) · 5.76 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 宽度为设备宽度,初始缩放比例为一,用户最小最大缩放比例为一,不允许用户手机缩放 -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<!-- 禁止iOS设备将数字作为拨号连接、邮箱自动发送,点击地图跳转 -->
<meta name="format-detection" content="telephone=no,email=no,adress=no">
<!-- 强制全屏显示 -->
<meta name="full-screen" content="yes">
<!-- 开启对webapp的支持 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- webapp应用下状态条(平模顶部条)的颜色,默认值为default(白色或黑色半透明) -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- 禁止浏览器从缓存中访问页面内容 -->
<meta http-epuiv="Pragma" content="no-cache">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/detail.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<title>Document</title>
</head>
<body>
<div class="container">
<header class="header">
<h1>商品价格</h1>
<a href="list.html"class="back"></a>
<a href="javascript:void(0);" class="search"><i class="fa fa-search"></i></a>
</header>
<main class="main">
<div class="con" id="con">
<div class="goods">
<a href="javascript:void(0);" class="pic"><img src="image/1.jpg"></a>
<div class="txt">
<h2>
<label class="cf">处方</label>
济民可信 金水宝胶囊(<b>0.33g×63</b>粒/瓶)
</h2>
<p class="pri"><em>¥</em>16.30~<em>¥</em>160.00<label for="">(共292个报价)</label></p>
<p><label for="">批准文号:</label>国药准字Z10890003</p>
<p class="make"><label for="">生产企业:</label>江西济民可信金水宝制药有限公司</p>
</div>
</div>
<div class="infor">祛风除湿、补气通络、舒经活血、健脾温肾。用于风寒湿脾,筋骨疼痛,脾胃虚寒,肾亏腰酸用于妇女气虚血亏</div>
</div>
<div class="list" id="list">
<div class="list_num">
<div class="shops"><i class="num">292</i>个商家报价</div>
<div class="standard">
<i class="dotted"></i>
<b>0.33×63</b>粒/瓶
<i class="angel"></i>
</div>
<div class="dropdown">
<a href="javascript:void(0);">
<i class="dotted"></i>
<b>0.33×63</b>粒/瓶
</a>
<a href="javascript:void(0);">
<i class="dotted"></i>
<b>0.33×63</b>粒/瓶
</a>
</div>
</div>
<div class="tab_list">
<a href="javascript:void(0);" class="bj">默认</a>
<a href="javascript:void(0);">评价</a>
<a href="javascript:void(0);" class="price">价格<i class="mark"></i></a>
<a href="javascript:void(0);">距离</a>
</div>
<div class="list_con" id="list_con">
<ul>
<li>
<a href="javascript:void(0);" class="stitle">
<div class="com_detail">
<div class="comp">
<p class="com_name">北京隆元康药房有限公司</p>
<p class="area">
<label for="">北京丰台区</label>
<label for="">评分:<i class="score">4.8分</i></label>
</p>
</div>
<div class="command">
<span class="act"><i></i>24小时发货</span>
<span class="act"><i></i>店铺优惠劵</span>
<span class="act"><i></i>满减送</span>
</div>
<div class="des">
<b><em>¥</em>42.00</b>
<span class="yf">运费<i>12元</i></span>
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);" class="stitle">
<div class="com_detail">
<div class="comp">
<p class="com_name">北京睿达惠康大药房有限公司</p>
<p class="area">
<label for="">北京丰台区</label>
<label for="">评分:<i class="score">4.8分</i></label>
</p>
</div>
<div class="command">
<span class="act"><i></i>24小时发货</span>
<span class="act"><i></i>店铺优惠劵</span>
<span class="act"><i></i>满减送</span>
</div>
<div class="des">
<b><em>¥</em>42.00</b>
<span class="yf">运费<i>12元</i></span>
</div>
</div>
</a>
<li>
<a href="javascript:void(0);" class="stitle">
<div class="com_detail">
<div class="comp">
<p class="com_name">北京济民康泰药房有限责任公司</p>
<p class="area">
<label for="">北京丰台区</label>
<label for="">评分:<i class="score">4.8分</i></label>
</p>
</div>
<div class="command">
<span class="act"><i></i>24小时发货</span>
<span class="act"><i></i>店铺优惠劵</span>
<span class="act"><i></i>满减送</span>
</div>
<div class="des">
<b><em>¥</em>42.00</b>
<span class="yf">运费<i>12元</i></span>
</div>
</div>
</a>
</li>
</li>
</ul>
</div>
</div>
</main>
<footer class="footer">
<a href="javascript:void(0);"><i class="fa fa-home"></i><span>首页</span></a>
<a href="javascript:void(0);"><i class="fa fa-list"></i><span>分类</span></a>
<a href="javascript:void(0);"><i class="fa fa-spinner"></i><span>购物车</span></a>
<a href="javascript:void(0);"><i class="fa fa-user"></i><span>账号</span></a>
</footer>
</div>
<script src="js/setfontsize.js"></script>
<script src="js/zepto.min.js"></script>
<script src="js/base.js"></script>
<script src="js/detail.js"></script>
</body>
</html>