shop_detail.html
10.2 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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!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" name="viewport" />
<title>地利店铺--店铺详情</title>
<link rel="stylesheet" href="../css/style/common.css">
<link rel="stylesheet" href="../css/style/jquery.scrollz.css">
<link rel="stylesheet" href="../css/style/shop_detail.css">
<!-- base seajs -->
<!-- // <script type="text/javascript" src="http://static.dili7.com/static/newStatic/common/js/base/sea.js"></script> -->
<!-- base jquery -->
<!-- // <script type="text/javascript" src="http://static.dili7.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> -->
</head>
<body class="shopDetail">
<div class="m-page">
<header class="m-header header-light">
<div class="head">
<a href="javascript:history.go(-1);" class="lt-bar m-icon icon-back">返回</a>
<h1>地利店铺</h1>
<a href="#" class="rt-bar m-icon icon-more">更多</a>
</div>
</header>
<section class="m-content">
<div class="top">
<div class="shop">
<a href="shop_profile.html">
<img src="../temp/pic_fq@2x.png" alt="" class="cover">
<h3>生鲜一号店</h3>
<p>经营类目：海鲜水产</p>
</a>
</div>
<div class="user-tools">
<ul class="clearfix">
<li class="br">
<a href="user-follow.html">
<span class="m-icon icon-call white"></span>
<p>立即联系</p>
</a>
</li>
<!--<li class="br">-->
<!--<a href="user-collection.html">-->
<!--<span class="m-icon icon-scan white"></span>-->
<!--<p>店铺二维码</p>-->
<!--</a>-->
<!--</li>-->
<li>
<a href="#">
<span class="m-icon icon-fav white"></span>
<p>收藏店铺</p>
</a>
</li>
</ul>
</div>
</div>
<ul class="m-tab">
<li class="on"><a href="javascript:;">最新上架</a></li>
<li><a href="javascript:;">全部商品</a></li>
</ul>
<div class="targets" id="targets">
<ul class="m-table-view" id="content" style="height:555px;">
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../temp/pic_hlb@2x.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../temp/pic_fq@2x.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../temp/pic_fq@2x.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
</ul>
<ul class="m-table-view m-hide">
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../temp/pic_hlb@2x.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../temp/pic_fq@2x.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
<li class="cell cell-extend-pic">
<a href="product_detail.html">
<img src="../images/user-home.png" width="80" height="80" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点西红柿 ...</h3>
<p class="btm"><em>0.9元/斤</em></p>
</a>
</li>
</ul>
</div>
</section>
</div>
<!-- // <script type="text/javascript" src="../js/javascript/common/config.js"></script> -->
<script src="../temp/jquery-1.9.1.min.js"></script>
<script src="../js/javascript/common/dragloader.js"></script>
<script>
$(function() {
$('.m-tab').on('click', 'li', function(e) {
e.preventDefault();
$(this).addClass('on').siblings().removeClass('on');
$('.targets').children().eq($(this).index()).removeClass('m-hide').siblings().addClass('m-hide');
$('.m-footer .m-btn').eq($(this).index()).removeClass('m-hide').siblings().addClass('m-hide');
});
(function() {
var dragger = new DragLoader(document.getElementsByClassName('targets')[0], {
dragDownRegionCls: 'latest',
dragUpRegionCls: 'more',
dragDownHelper: function(status) {
if (status == 'default') {
return '<div>向下拉加载最新</div>';
} else if (status == 'prepare') {
return '<div>释放刷新</div>';
} else if (status == 'load') {
return '<div>加载中...</div>';
}
},
dragUpHelper: function(status) {
if (status == 'default') {
return '<div>向上拉加载更多</div>';
} else if (status == 'prepare') {
return '<div>释放刷新</div>';
} else if (status == 'load') {
return '<div>加载中...</div>';
}
}
});
dragger.on('dragDownLoad', function() {
setTimeout(function() {
// 无论何时，必须由业务功能主动调用reset()接口，以还原状态
// 比如在onDragDownLoad()回调中使用ajax加载数据时，在ajax的回调函数中应当调用reset()重置drag状态
// 如果不重置，drag操作将失效
dragger.reset();
}, 2000);
});
dragger.on('dragUpLoad', function() {
setTimeout(function() {
dragger.reset();
}, 2000);
});
})();
});
</script>
</body>
</html>