index.html
6.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta content="telephone=no" name="format-detection" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>寿光物流园六周年庆典</title>
<link rel="stylesheet" href="css/topic.css">
</head>
<body>
<div class="m-page"></div>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/underscore-min.js"></script>
<script type="text/template" id="contentTpl">
<%if(wap){%>
<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 text">分享</a> -->
</div>
</header>
<%}%>
<div class="nf_main">
<!-- 顶部banner -->
<div class="section"><img src="images/main/topic_01.jpg" alt="寿光物流园六周年庆典"></div>
<!-- 商品 -->
<div class="section">
<%_.each(products, function(product, index){%>
<a href="<%=wap ? 'http://m.nong12.com/goods/getIntroductionPageById.do?pid='+product.id : 'http://www.nong12.com/product/'+product.id+'.html'%>" title="<%=product.title%>"><img src="images/main/topic_0<%=index+2%>.jpg" alt="<%=product.title%>"></a>
<%})%>
</div>
<!-- 口碑店铺 -->
<div class="section"><img src="images/main/topic_10.jpg" alt=""></div>
<div class="section store">
<ul>
<%_.each(stores, function(store, index){%>
<li>
<a href="<%='http://m.nong12.com/shop/storedetail.do?id='+store.id%>" title="<%=store.title%>"><img src="images/product/p_0<%=index+1%>.jpg" alt="<%=store.title%>"></a>
</li>
<%})%>
</ul>
</div>
<!-- 热门批发店铺 -->
<div class="section"><img src="images/main/topic_12.jpg" alt=""></div>
<div class="section footer">
<dl class="market clearfix">
<dt>
<a href="http://static.nong12.com/static/app.html"><img src="images/main/code.jpg" alt=""></a>
</dt>
<%_.each(markets, function(market){%>
<dd><a href="http://m.nong12.com/goods/searchByKeyword.do?type=0&key=<%=market.key%>"><%=market.title%></a></dd>
<%})%>
</dl>
</div>
</div>
<a href="#" class="m-to-top"></a>
</script>
<script>
$(function() {
var Topic = {
wap: false,
data: {
products: [{
"id": "1000031584",
"title": "白萝卜 产地 山东青岛市"
}, {
"id": "1000028380",
"title": "甘蓝产地山东潍坊市"
}, {
"id": "1000006850",
"title": "大冬瓜 产地广东"
}, {
"id": "1000000054",
"title": "白菜花产地福建厦门市"
}, {
"id": "1000033453",
"title": "西兰花 产地 浙江"
}, {
"id": "1000009812",
"title": "南瓜产地山东潍坊市"
}, {
"id": "1000027298",
"title": "芋头 产地 山东潍坊市"
}, {
"id": "1000015994",
"title": "尖椒产地山东潍坊市"
}],
stores: [{
id:1139,
title: '寿光小毅蔬菜批发'
},{
id:1017,
title: '马氏白萝卜'
},{
id:1071,
title: '寿光利财蔬菜批发'
},{
id:1014,
title: '寿光小纪果蔬有限公司'
},{
id:4424,
title: '寿光葛兰蔬菜'
},{
id:3951,
title: '寿光王有才蔬菜'
},{
id:1013,
title: '寿光德刚菜业'
},{
id:5592,
title: '寿光夏伟华蒜苔专卖蔬菜公司'
}],
markets: [{
'key':'%E7%89%A1%E4%B8%B9%E6%B1%9F',
title: '牡丹江牡达'
},{
'key':'%E8%B4%B5%E9%98%B3',
title: '贵阳地利'
},{
'key':'%E6%B2%88%E9%98%B3',
title: '沈阳地利'
},{
'key':'%%E5%93%88%E5%B0%94%E6%BB%A8',
title: '哈尔滨哈达'
},{
'key':'%E5%9B%9B%E5%B7%9D',
title: '四川聚合'
},{
'key':'%E9%BD%90%E9%BD%90%E5%93%88%E5%B0%94',
title: '齐齐哈尔哈达'
}]
},
initialize: function() {
this.bindEvents();
this.render();
},
bindEvents: function() {
$(document).on('touchstart', '.m-to-top', function(e) {
e.preventDefault();
$('body').animate({
scrollTop: 0
}, 300);
});
},
getParameterByName: function(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
},
render: function() {
var _this = this,
source = this.getParameterByName('source');
if (source != '' && source.length > 0) {
if (source && source.toLowerCase() == 'wap') {
this.wap = true;
}
}
this.data.wap = this.wap;
$('.m-page').html(_.template($('#contentTpl').html())(this.data));
}
};
Topic.initialize();
});
</script>
</body>
</html>