cart_2.html
6.74 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
<!DOCTYPE html>
<!--[if IEMobile 7 ]> <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta http-equiv="cleartype" content="on">
<meta name=”apple-mobile-web-app-status-bar-style” content=black” />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/touch/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/touch/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/touch/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/touch/apple-touch-icon-57x57-precomposed.png">
<link rel="shortcut icon" sizes="196x196" href="img/touch/touch-icon-196x196.png">
<link rel="shortcut icon" href="img/touch/apple-touch-icon.png">
<link rel="apple-touch-startup-image" sizes="640x920" href="img/startup/startup-retina.png" media="screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)">
<link rel="apple-touch-startup-image" sizes="320x460" href="img/startup/startup.png" media="screen and (max-device-width: 320)">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="img/touch/apple-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#222222">
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<!-- For iOS web apps. Delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="">
<!-- This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026 -->
<script>
(function (a, b, c) {
if (c in b && b[c]) {
var d, e = a.location, f = /^(a|html)$/i;
a.addEventListener("click", function (a) {
d = a.target;
while (!f.test(d.nodeName))d = d.parentNode;
"href"in d && (d.href.indexOf("http") || ~d.href.indexOf(e.host)) && (a.preventDefault(), e.href = d.href)
}, !1)
}
})(document, window.navigator, "standalone")
</script>
<link rel="stylesheet" href="http://static.yohobuy.com/m/v1/css/add2home.css?v=20140211"/>
<link rel="stylesheet" href="http://static.yohobuy.com/m/v1/css/normalize.css">
<link rel="stylesheet" href="http://static.yohobuy.com/m/v1/css/global.css">
<link rel="stylesheet" href="http://static.yohobuy.com/m/v1/css/cart.css">
<script src="js/vendor/modernizr-2.7.0.min.js"></script>
</head>
<body id="header">
<div class="yohoHeader">
<a tabindex="0" class="headerMenuBtn icon-app-list" href="javascript:void(0);"></a>
<a tabindex="1" class="headerSearchBtn icon-app-search" href="search.html"></a>
<a tabindex="2" class="headerCart icon-app-cart fn-right" href="javascript:void(0);"><em class="redCircle">2</em></a>
<a tabindex="3" class="headerUserAvatar icon-app-user fn-right" href="javascript:void(0);"><em class="redCircle">4</em></a>
<div class="yohoLogo">
<a href="" target="5">
<span class="headerYOHO">Y</span>
<span class="headerChar">H</span>
</a>
</div>
</div>
<div class="yohoBuyWrap">
<div class="yohoContainer">
<!-- 开始 -->
<div class="cartBox">
<nav class="clearfix"><a href="http://static.yohobuy.com/demo/m-website/cart/cart_1.html" ><dl><dt>普通商品</dt><dd>2</dd></dl></a><a class="selected"><dl><dt>预售商品</dt><dd>3</dd></dl></a></nav>
<div class="notice">
<span></span>
<p>预售商品全场包邮，到货后立即发货。<br/>
预售商品不参加活动，不可使用优惠券。</p>
</div>
<div class="list">
<ul>
<li class="check"><span></span></li>
<li class="pic"><a href=""><img src="http://static.yohobuy.com/m/v1/img/cart/ls.jpg" width="60"></a></li>
<li class="info">
<p class="name"><img src="http://static.yohobuy.com/m/v1/img/cart/yohood.jpg" width="26" />Lacoste印花短袖衫</p>
<p class="size"><b>黄色-F码-1件</b></p>
<p class="price"><b>￥499.00</b></p>
</li>
<li class="del"><a class="icon-wrong-c" href="javascript:void(0)"></a></li>
</ul>
<ul>
<li class="check"><span class="checked"></span></li>
<li class="pic"><a href=""><img src="http://static.yohobuy.com/m/v1/img/cart/ls.jpg" width="60"></a></li>
<li class="info">
<p class="name"><img src="http://static.yohobuy.com/m/v1/img/cart/yohood.jpg" width="26" />Lacoste印花短袖衫</p>
<p class="size"><b>黄色-F码-1件</b></p>
<p class="price"><b>￥499.00</b><a>上市期：11月</a></p>
</li>
<li class="del"><a class="icon-wrong-c" href="javascript:void(0)"></a></li>
</ul>
<ul>
<li class="check"><span></span></li>
<li class="pic"><a href=""><img src="http://static.yohobuy.com/m/v1/img/cart/ls.jpg" width="60"></a></li>
<li class="info">
<p class="name"><img src="http://static.yohobuy.com/m/v1/img/cart/yohood.jpg" width="26" />Lacoste印花短袖衫</p>
<p class="size"><b>黄色-F码-1件</b></p>
<p class="price"><b>￥499.00</b></p>
</li>
<li class="del"><a class="icon-wrong-c" href="javascript:void(0)"></a></li>
</ul>
</div>
<div class="line"></div>
<div class="totlePrice">
<p><b>总价(330.00) - 活动价(200.00)</b></p>
<p><b>=商品金额总计(130.00)</b></p>
</div>
<div class="line"></div>
<div class="account">
<ul>
<li class="check"><span></span></li><!--选中span的class为checked-->
<li class="price"><b>3380.00</b><a>(不含运费)</a></li>
<li class="go"><a href="#">结算</a></li>
</ul>
</div>
</div>
<!-- 结束 -->
</div>
</div>
<script src="../js/vendor/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$('li.check span').bind('click', function(){
$(this).toggleClass('checked');
})
</script>
</body>
</html>