<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>购物车</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<!--头部-->
<header>
购物车<span class="fr">编辑</span>
</header>
<!--头部-->
<!--主题-->
<div class="no">
<p>暂无数据,快去逛逛吧!</p>
</div>
<div class="con">
<div class="content">
<div class="list">
<div class="fl">
<label>
<input type="checkbox" checked="checked"/>
<img src="c_checkbox_on.png"/>
</label>
</div>
<p>洋酒</p>
</div>
<ul ind="0">
<li class="clearfix">
<div class="label fl">
<label>
<input type="checkbox" checked="checked"/>
<img src="c_checkbox_on.png"/>
</label>
</div>
<div class="img fl">
<img src="logo.png"/>
</div>
<div class="text fl">
<p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
<p class="clearfix">
<span class="fl red">¥119</span>
<span class="fr">
<input type="button" value="-" class="btn1" />
<span class="number">1</span>
<input type="button" value="+" class="btn2"/>
</span>
</p>
</div>
</li>
<li class="clearfix">
<div class="label fl">
<label>
<input type="checkbox" checked="checked"/>
<img src="c_checkbox_on.png"/>
</label>
</div>
<div class="img fl">
<img src="logo.png"/>
</div>
<div class="text fl">
<p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
<p class="clearfix">
<span class="fl red">¥140</span>
<span class="fr">
<input type="button" value="-" class="btn1" />
<span class="number">3</span>
<input type="button" value="+" class="btn2"/>
</span>
</p>
</div>
</li>
<li class="clearfix">
<div class="label fl">
<label>
<input type="checkbox" checked="checked"/>
<img src="c_checkbox_on.png"/>
</label>
</div>
<div class="img fl">
<img src="logo.png"/>
</div>
<div class="text fl">
<p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
<p class="clearfix">
<span class="fl red">¥130</span>
<span class="fr">
<input type="button" value="-" class="btn1"/>
<span class="number">5</span>
<input type="button" value="+" class="btn2"/>
</span>
</p>
</div>
</li>
</ul>
<p class="total">一共<number></number>件商品:<span></span></p>
</div>
<div class="content">
<div class="list">
<div class="fl">
<label>
<input type="checkbox" checked="checked"/>
<img src="c_checkbox_on.png"/>
</label>
</div>
<p>红酒</p>
</div>
<ul ind="1">
<li class="clearfix">
<div class="label fl">
<label>
<input type="checkbox" checked="checked"/>
<img src="c_checkbox_on.png"/>
</label>
</div>
<div class="img fl">
<img src="logo.png"/>
</div>
<div class="text fl">
<p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
<p class="clearfix">
<span class="fl red">¥119</span>
<span class="fr">
<input type="button" value="-" class="btn1" />
<span class="number">1</span>
<input type="button" value="+" class="btn2"/>
</span>
</p>
</div>
</li>
<li class="clearfix">
<div class="label fl">
<label>
<input type="checkbox" checked="checked"/>
<img src="c_checkbox_on.png"/>
</label>
</div>
<div class="img fl">
<img src="logo.png"/>
</div>
<div class="text fl">
<p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
<p class="clearfix">
<span class="fl red">¥120</span>
<span class="fr">
<input type="button" value="-" class="btn1" />
<span class="number">3</span>
<input type="button" value="+" class="btn2"/>
</span>
</p>
</div>
</li>
<li class="clearfix">
<div class="label fl">
<label>
<input type="checkbox" checked="checked"/>
<img src="c_checkbox_on.png"/>
</label>
</div>
<div class="img fl">
<img src="logo.png"/>
</div>
<div class="text fl">
<p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
<p class="clearfix">
<span class="fl red">¥130</span>
<span class="fr">
<input type="button" value="-" class="btn1"/>
<span class="number">7</span>
<input type="button" value="+" class="btn2"/>
</span>
</p>
</div>
</li>
</ul>
<p class="total">一共<number></number>件商品:<span></span></p>
</div>
</div>
<!--主题-->
<!--结算-->
<div class="bottom fixed">
<div class="fl bottom-label">
<label>
<input type="checkbox" checked="checked"/>
<img src="c_checkbox_on.png" class="fl" />
全选
</label>
</div>
<div class="fr">
需要支付:<span></span>
<button class="sett">结算</button>
</div>
</div>
<!--结算-->
<!--删除-->
<div class="bottom fixed" style="display: none;">
<div class="fr">
<button class="delete">删除</button>
</div>
</div>
<!--删除-->
<!--弹框-->
<div class="text1 fixed">
<form>
<input type="number"/>
<input type="button" value="确定"/>
</form>
</div>
<!--弹框-->
<!--弹框2-->
<div class="alert fixed"></div>
<!--弹框2-->
<script src="js/web.js"></script>
<script src="js/zepto.js"></script>
<script src="js/index.js"></script>
</body>
</html>