-
Notifications
You must be signed in to change notification settings - Fork 6
/
sell.html
164 lines (155 loc) · 7.04 KB
/
sell.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>淘宝优惠</title>
<link rel="stylesheet" type="text/css" href="lib/mui/css/mui.min.css">
<link rel="stylesheet" type="text/css" href="lib/fontAwesome/css/font-awesome.css">
<link rel="stylesheet/less" href="less/sell.less">
<script src="lib/less/less.js"></script>
<script src="js/base.js"></script>
</head>
<body>
<!-- 头部区域 -->
<header id="header">
<!-- <div class="header-logo">
<img src="./images/header_logo.png" alt="">
</div> -->
<a href="javascript:history.back();" class="fa fa-arrow-left header-back"></a>
<div id="title">
<div class="header-app btn-menu">
19块邮
</div>
<i class="fa fa-angle-down btn-down"></i>
</div>
<div class="header-app">
<a href="baicaijia.html" class="fa fa-home "></a>
</div>
</header>
<!-- 分类区域 -->
<section id="classify">
<div class="menu-content">
<ul class="clearfix">
<li class="ui-state-active"><a href="sell.html?url=0&title=全部">全部</a></li>
<li><a href="sell.html?url=1&title=热销">热销</a></li>
<li><a href="sell.html?url=2&title=9块9包邮">9块9包邮</a></li>
<li><a href="sell.html?url=3&title=19块邮">19块邮</a></li>
<li><a href="sell.html?url=4&title=数码家电">数码家电</a></li>
<li><a href="sell.html?url=5&title=居家">居家</a></li>
<li><a href="sell.html?url=6&title=美食">美食</a></li>
<li><a href="sell.html?url=7&title=男装">男装</a></li>
<li><a href="sell.html?url=8&title=女装">女装</a></li>
<li><a href="sell.html?url=9&title=鞋包配饰">鞋包配饰</a></li>
<li><a href="sell.html?url=10&title=文体">文体</a></li>
<li><a href="sell.html?url=11&title=母婴">母婴</a></li>
<li><a href="sell.html?url=12&title=美妆">美妆</a></li>
<li><a href="sell.html?url=1&title=玩具">玩具</a></li>
</ul>
<span class="up-menu">收起分类</span>
</div>
</section>
<div class="mask"></div>
<!-- 搜索区域 -->
<!-- <div class="search">
<div class="input-search">
<input type="search" placeholder="请输入你想比价的商品">
</div>
<div class="input-btn">
<input type="button" value="搜索">
</div> -->
</div>
<!-- 超级人气区域 -->
<section id="moods">
<div class="content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!--这里放置真实显示的DOM内容-->
<ul id="sell-ul">
<li class="active"><a href="#">全部</a></li>
<li><a href="#">热销</a></li>
<li><a href="#">9块邮</a></li>
<li><a href="#">19块邮</a></li>
<li><a href="#">数码家电</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- 主体区域 -->
<main id="main">
<div class="title">
<h3>商家优惠信息 实时直播</h3>
</div>
<div class="content">
<ul class="baicai-ul">
<li>
<!-- <a biz-itemid="538754112089" class="gobuy" isconvert="1" href="http://s.click.taobao.com/lkqGHQx" target="_blank"></a> -->
<div class="content-img"><img src="http://img.alicdn.com/imgextra/i4/60324673/TB2Q.EnXai5V1Bjy1zdXXaRkVXa_!!60324673.jpg_290x290.jpg"></div>
<div class="content-box">
<div class="div4">
<a href="http://shop.m.taobao.com/shop/coupon.htm?seller_id=2213057944&activity_id=8cfb336284b5436b9f2c7c9343fa85f1"
target="_blank">点此领10元优惠券</a>
<a biz-itemid="41869517958" isconvert="1" href="http://s.click.taobao.com/uIULoQx" target="_blank">下单链接</a>
</div>
<div class="bar clearfix"><a href="http://shop.m.taobao.com/shop/coupon.htm?seller_id=2213057944&activity_id=8cfb336284b5436b9f2c7c9343fa85f1"
class="goquan" target="_blank"></a><i><em style="width:75%;"></em><span>75%</span></i><b>已领75117张</b></div>
<div class="div2"><i>券后</i><em>¥</em>3.5<del>¥6.5</del></div>
<div class="div1"><span class="b">[包邮]</span>2L汽车玻璃水玻璃清洗液剂</div>
</div>
</li>
</ul>
</div>
</main>
<!-- 尾部区域 -->
<footer id="footer">
<div class="footer-nav">
<a href="#" class="footer-login bor-r">登录</a>
<a href="#" class="footer-registe bor-r">注册</a>
<a href="#" class="return-top ">
<img src="http://www.zuyushop.com/wap/images/top.jpg">返回顶部</a>
</div>
<div class="footer-info">
<p>
<a href="#" class="download">手机APP下载</a>
<a href="#" class="mobile">慢慢买手机版</a>
-- 掌上比价平台
</p>
<p>m.manmanbuy.com</p>
</div>
</footer>
<!-- 遮罩层 -->
<div id="keep">
<!-- 加载中效果的结构 -->
<div class="spinner">
<img src="images/cf6b2df14cc86ee59fa3edcbb04764ed.gif" alt="">
</div>
</div>
<script id="sellTitleTpl" type="text/html">
{{each result value index}}
<li class="sell-li {{red == index ? 'active' : ''}}" data-titleid="{{value.titleId}}" ><a href="#">{{value.title}}</a></li>
{{/each}}
</script>
<script id="sellCommodityTpl" type="text/html">
{{each result value}}
<li>
<!-- <a biz-itemid="538754112089" class="gobuy" isconvert="1" href="http://s.click.taobao.com/lkqGHQx" target="_blank"></a> -->
<div class="content-img">{{@value.productImg}}</div>
<div class="content-box">
<div class="div4">
{{@value.productCoupon}}
{{@value.productHref}}
</div>
{{@value.productCouponRemain}}
<div class="div2">{{@value.productPrice}}</div>
<div class="div1">{{@value.productName}}</div>
</div>
</li>
{{/each}}
</script>
<script src="lib/mui/js/mui.js"></script>
<script src="lib/zepto/zepto.min.js"></script>
<script src="lib/artTemplate/template-web.js"></script>
<script src="js/sell.js"></script>
</body>
</html>