product-detail.html
8.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
<meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" name="viewport" />
<title>订单流程-商品详情</title>
<link rel="stylesheet" href="../css/style/common-2.0.css">
<link rel="stylesheet" type="text/css" href="../css/style/idangerous.swiper.css">
<link rel="stylesheet" href="../css/style/product_detail.css">
</head>
<body class="productDetail">
<div class="m-page">
<section class="m-content">
<div id="slider" class="swiper-container slider">
<div class="swiper-wrapper clearfix">
<div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div>
<div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div>
<div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div>
<div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div>
<div class="swiper-slide" style="background:url(http://img3.nong12.com/images/cms/99/60/ZGlsaTIvTTAwLzAwLzVCL3dLZ2NLRlIwZFZlQUw5bXpBQVNYanBzMGRvNDc5OQ==.png) center center no-repeat; background-size:cover;"></div>
</div>
<a href="#" class="m-icon icon-circle-back"></a>
<a href="#" class="m-icon icon-circle-star"></a>
<a href="#" class="m-icon icon-circle-more"></a>
<a href="#" class="m-icon icon-circle-video"></a>
<span class="page-num">1/4</span>
</div>
<div class="summary border-1px border-bottom">
<h3><span class="text">山东白萝卜，物美价廉，产地山东寿光产品批发市场...</span><a href="tel:10086" class="contact"><i class="m-icon icon-call"></i><br>致电</a> </h3>
<em class="font-red">0.8元/斤</em>
</div>
<div class="step-price border-1px border-bottom">
<ul class="m-step">
<li>
<span class="desc">100斤 起批</span>
<span class="price font-yellow">8.00元</span>
</li>
<li>
<span class="desc">11-200斤</span>
<span class="price font-orange">6.80元</span>
</li>
<li>
<span class="desc">11-200斤</span>
<span class="price font-red">5.2元</span>
</li>
</ul>
</div>
<div class="attributes border-1px border-bottom">
<p>单箱数量：20个</p>
<p>产地：四川成都眉山市</p>
</div>
<div class="deal text-right border-1px border-bottom">
<span class="float-left">已成交：20笔</span>所在地：黑龙江
</div>
<ul class="m-list-view border-1px-full review">
<li class="cell acc-icon text-right">
<span class="title text-left font-gray">用户评价 <span class="m-star"><span style="width:70%;"></span></span></span>
<span class="text font-gray">129条</span>
<span class="acc text-center"><i class="m-icon icon-arrow"></i></span>
</li>
</ul>
<div class="shop border-1px-full">
<a href="shop_detail.html">
<img src="../temp/pic_hlb.jpg" width="50" height="50" alt="" class="cover">
<h3>寿光小溪蔬菜批发</h3>
<p class="font-green medal">企业认证/实名认证</p>
<i class="m-icon icon-yjt"></i>
</a>
</div>
<div class="details border-1px-full">
<table class="m-table">
<tbody>
<tr>
<th>商品编号</th>
<td>1029201111</td>
</tr>
<tr>
<th>上架时间</th>
<td>2014-12-25 22:09:20</td>
</tr>
<tr>
<th>形状</th>
<td>段圆形状</td>
</tr>
<tr>
<th>颜色</th>
<td>红色</td>
</tr>
</tbody>
</table>
<!-- <p class="m-separate"><span>继续拖动，查看图文详情</span>
</p> -->
<div class="desc">
萝卜，十字花科、萝卜属二年或一年生草本，直根肉质，长圆形、球形或圆锥形，外皮绿色、白色或红色；
<img src="../temp/pic_hlb.jpg" alt="萝卜">
</div>
</div>
</section>
<footer class="m-footer border-1px border-top">
<div class="clearfix">
<a href="shopping_list.html" class="m-icon icon-jrjhd shop-num"><i class="m-badge">2</i></a>
<a href="#product-buy" data-popup class="m-btn btn-warning btn-large">立即购买</a>
<a href="#product-buy" data-popup class="m-btn btn-success btn-large">加入采购单</a>
</div>
</footer>
</div>
<div class="product-buy-popup" id="product-buy">
<div class="head clearfix">
<a href="#product-buy" class="close" data-dismiss></a>
<ul class="m-table-view-old">
<li>
<img src="../temp/pic_hlb.jpg" alt="" class="pic">
<h3>0.8元/斤-2.4元/斤</h3>
<p>库存量：1000斤</p>
<p>最低采购量：100斤</p>
</li>
</ul>
</div>
<div class="content">
<p class="field">品种：</p>
<div class="area">
<span class="m-btn on">白萝卜</span>
<span class="m-btn">胡萝卜</span>
<span class="m-btn">青萝卜</span>
<span class="m-btn">紫萝卜</span>
<span class="m-btn disable">紫萝卜</span>
</div>
<!-- <p class="field">提货点：</p>
<div class="area">
<span class="m-btn on">山东寿光农产品物流园</span>
<span class="m-btn">四川聚合农产品</span>
</div> -->
<p class="field">采购数量：</p>
<div class="area">
<span class="m-input-number">
<span class="reduce"></span>
<input type="number" step="1" min="1" value="1">
<span class="add"></span>
</span>
</div>
<!-- <p class="field">为您推荐地利官方服务（可多选）：</p>
<div class="area">
<span class="m-btn on">保险预冷</span>
<span class="m-btn">理货包装</span>
<span class="m-btn">物流配送</span>
</div> -->
</div>
<div class="bottom"><a href="order_confirm.html" class="m-btn">确定</a>
</div>
</div>
<script type="text/javascript" src="../js/javascript/common/config.js"></script>
<script src="../js/javascript/common/swipe.js"></script>
<script>
seajs.use(['../js/javascript/common/popup', '../js/javascript/product/detail']);
</script>
</body>
</html>