Imitation_MI
/
shopping.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="css/shopping.css" />
		<script src="js/shopping.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 头部 -->
		<header class="site-header site-mini-header">
			<div class="container">
				<!-- 仿米logo -->
				<div class="header-logo">
					<a class="logo ir" href="javascript:;">仿米官网</a>
				</div>
				<!-- 标题 -->
				<div class="header-title has-more" id="J_miniHeaderTitle">
					<h2>我的购物车</h2>
					<p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
				</div>
				<div class="topbar-info" id="J_userInfonone">
					<a class="link" href="login.html">登录</a>
					<span class="sep">|</span>
					<a class="link" href="register.html">注册</a>
				</div>
				<div class="topbar-info" id="J_userInfo">
					<span class="user">
						<a rel="nofollow" class="user-name" href="javascript:;" target="_blank">
							<span class="name">天然呆·H</span>
							<i class="iconfont">↓</i>
						</a>
						<ul class="user-menu">
							<li><a rel="nofollow" href="javascript:;" target="_blank">个人中心</a></li>
							<li><a rel="nofollow" href="javascript:;" target="_blank">评价晒单</a></li>
							<li><a rel="nofollow" href="javascript:;" target="_blank">我的喜欢</a></li>
							<li><a rel="nofollow" href="javascript:;" target="_blank">小米帐号</a></li>
							<li><a rel="nofollow" href="javascript:;" id="J_userLogout">退出登录</a></li>
						</ul>
					</span>
					<span class="sep">|</span>
					<a rel="nofollow" class="link link-order" href="javascript:;" target="_blank">我的订单</a>
				</div>
			</div>
		</header>
		<!-- 商品内容 -->
		<section class="page-main">
			<div class="container">
				<div class="cart-empty hide" id="J_cartEmpty">
					<h2>您的购物车还是空的！</h2>
					<p class="login-desc">登录后将显示您之前加入的商品</p>
					<a href="login.html" class="btn btn-primary btn-login" id="J_loginBtn">立即登录</a>
					<a href="index.html" class="btn btn-primary btn-shoping J_goShoping" id="J_Shoping">马上去购物</a>
				</div>
				<div class="cart-goods-list" id="J_cartListGoods">
					<div class="list-head myclear" data-checked="false">
						<div class="col col-check"><i class="iconfont icon-checkbox J_select" id="J_selectAll">√</i>全选</div>
						<div class="col col-img">&nbsp;</div>
						<div class="col col-name">商品名称</div>
						<div class="col col-price">单价</div>
						<div class="col col-num">数量</div>
						<div class="col col-total">小计</div>
						<div class="col col-action">操作</div>
					</div>
					<div id="wapper"></div>
					<div class="cart-bar myclear cart-bar-fixed">
						<div class="section-left">
							<a href="index.html" class="back-shopping J_goShoping">继续购物</a>
							<span class="cart-total">
								共
								<i id="J_cartTotalNum">1</i>
								件商品，已选择
								<i id="J_selTotalNum">0</i>
								件
							</span>
							<span class="total-price">
								合计：<em id="J_cartTotalPrice">0</em>元
							</span>
							<a href="javascript:void(0);" class="btn btn-disabled" id="J_goCheckout">去结算</a>
						</div>
						<div class="no-select-tip" id="J_noSelectTip">
							请勾选需要结算的商品
							<i class="arrow arrow-a"></i>
							<i class="arrow arrow-b"></i>
						</div>
					</div>
				</div>
				<h2 class="xm-recommend-title"><span id="J_span">为您推荐/买购物车中商品的人还买了</span></h2>
				<div class="xm-recommend">
					<ul class="row myclear">
						<li class="J_xm-recommend-list span4">
							<a href="javascript:void(0);"><img src="img/shopping/gouwuche!234x300.jpg" alt="" class="xm-recommend-ad"></a>
						</li>
						<li class="J_xm-recommend-list span4">
							<dl>
								<dt><a href="javascript:void(0);"><img src="img/shopping/pms_1496833357.9528722!140x140.jpg" alt="" class="xm-recommend-ad"></a></dt>
								<dd class="xm-recommend-name"><a href="javascript:void(0);"> 手机USB micro 数据线 </a></dd>
								<dd class="xm-recommend-price">9.9元</dd>
								<dd class="xm-recommend-tips">
									2.1万人好评
									<a href="javascript:void(0);" class="btn btn-line-primary J_xm-recommend-btn">加入购物车</a>
								</dd>
							</dl>
						</li>
						<li class="J_xm-recommend-list span4">
							<dl>
								<dt><a href="javascript:void(0);"><img src="img/shopping/pms_1496833357.9528722!140x140.jpg" alt="" class="xm-recommend-ad"></a></dt>
								<dd class="xm-recommend-name"><a href="javascript:void(0);"> 手机USB micro 数据线 </a></dd>
								<dd class="xm-recommend-price">9.9元</dd>
								<dd class="xm-recommend-tips">
									2.1万人好评
									<a href="javascript:void(0);" class="btn btn-line-primary J_xm-recommend-btn">加入购物车</a>
								</dd>
							</dl>
						</li>
						<li class="J_xm-recommend-list span4">
							<dl>
								<dt><a href="javascript:void(0);"><img src="img/shopping/pms_1496833357.9528722!140x140.jpg" alt="" class="xm-recommend-ad"></a></dt>
								<dd class="xm-recommend-name"><a href="javascript:void(0);"> 手机USB micro 数据线 </a></dd>
								<dd class="xm-recommend-price">9.9元</dd>
								<dd class="xm-recommend-tips">
									2.1万人好评
									<a href="javascript:void(0);" class="btn btn-line-primary J_xm-recommend-btn">加入购物车</a>
								</dd>
							</dl>
						</li>
						<li class="J_xm-recommend-list span4">
							<dl>
								<dt><a href="javascript:void(0);"><img src="img/shopping/pms_1496833357.9528722!140x140.jpg" alt="" class="xm-recommend-ad"></a></dt>
								<dd class="xm-recommend-name"><a href="javascript:void(0);"> 手机USB micro 数据线 </a></dd>
								<dd class="xm-recommend-price">9.9元</dd>
								<dd class="xm-recommend-tips">
									2.1万人好评
									<a href="javascript:void(0);" class="btn btn-line-primary J_xm-recommend-btn">加入购物车</a>
								</dd>
							</dl>
						</li>
						<li class="J_xm-recommend-list span4">
							<dl>
								<dt><a href="javascript:void(0);"><img src="img/shopping/pms_1496833357.9528722!140x140.jpg" alt="" class="xm-recommend-ad"></a></dt>
								<dd class="xm-recommend-name"><a href="javascript:void(0);"> 手机USB micro 数据线 </a></dd>
								<dd class="xm-recommend-price">9.9元</dd>
								<dd class="xm-recommend-tips">
									2.1万人好评
									<a href="javascript:void(0);" class="btn btn-line-primary J_xm-recommend-btn">加入购物车</a>
								</dd>
							</dl>
						</li>
						<li class="J_xm-recommend-list span4">
							<dl>
								<dt><a href="javascript:void(0);"><img src="img/shopping/pms_1496833357.9528722!140x140.jpg" alt="" class="xm-recommend-ad"></a></dt>
								<dd class="xm-recommend-name"><a href="javascript:void(0);"> 手机USB micro 数据线 </a></dd>
								<dd class="xm-recommend-price">9.9元</dd>
								<dd class="xm-recommend-tips">
									2.1万人好评
									<a href="javascript:void(0);" class="btn btn-line-primary J_xm-recommend-btn">加入购物车</a>
								</dd>
							</dl>
						</li>
						<li class="J_xm-recommend-list span4">
							<dl>
								<dt><a href="javascript:void(0);"><img src="img/shopping/pms_1496833357.9528722!140x140.jpg" alt="" class="xm-recommend-ad"></a></dt>
								<dd class="xm-recommend-name"><a href="javascript:void(0);"> 手机USB micro 数据线 </a></dd>
								<dd class="xm-recommend-price">9.9元</dd>
								<dd class="xm-recommend-tips">
									2.1万人好评
									<a href="javascript:void(0);" class="btn btn-line-primary J_xm-recommend-btn">加入购物车</a>
								</dd>
							</dl>
						</li>
						<li class="J_xm-recommend-list span4">
							<dl>
								<dt><a href="javascript:void(0);"><img src="img/shopping/pms_1496833357.9528722!140x140.jpg" alt="" class="xm-recommend-ad"></a></dt>
								<dd class="xm-recommend-name"><a href="javascript:void(0);"> 手机USB micro 数据线 </a></dd>
								<dd class="xm-recommend-price">9.9元</dd>
								<dd class="xm-recommend-tips">
									2.1万人好评
									<a href="javascript:void(0);" class="btn btn-line-primary J_xm-recommend-btn">加入购物车</a>
								</dd>
							</dl>
						</li>
						<li class="J_xm-recommend-list span4">
							<dl>
								<dt><a href="javascript:void(0);"><img src="img/shopping/pms_1496833357.9528722!140x140.jpg" alt="" class="xm-recommend-ad"></a></dt>
								<dd class="xm-recommend-name"><a href="javascript:void(0);"> 手机USB micro 数据线 </a></dd>
								<dd class="xm-recommend-price">9.9元</dd>
								<dd class="xm-recommend-tips">
									2.1万人好评
									<a href="javascript:void(0);" class="btn btn-line-primary J_xm-recommend-btn">加入购物车</a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
		</section>
		<!-- 页脚 -->
		<footer class="footer">
			<div class="site-footer">
				<div class="container">
					<div class="footer-service">
						<ul class="list-service myclear">
							<li><a href="javascript:;"><em class="em1"></em>预约维修服务</a></li>
							<li><a href="javascript:;"><em class="em2"></em>7天无理由退货</a></li>
							<li><a href="javascript:;"><em class="em3"></em>15天免费换货</a></li>
							<li><a href="javascript:;"><em class="em4"></em>满99元包邮</a></li>
							<li><a href="javascript:;"><em class="em5"></em>520余家售后网点</a></li>
						</ul>
					</div>
					<div class="footer-links myclear">
						<dl class="col-links">
							<dt>帮助中心</dt>
							<dd><a href="javascript:;">账户管理</a></dd>
							<dd><a href="javascript:;">购物指南</a></dd>
							<dd><a href="javascript:;">订单操作</a></dd>
						</dl>
						<dl class="col-links ">
							<dt>服务支持</dt>
							<dd><a href="javascript:;">售后政策</a></dd>
							<dd><a href="javascript:;">自助服务</a></dd>
							<dd><a href="javascript:;">相关下载</a></dd>
						</dl>
						<dl class="col-links ">
							<dt>线下门店</dt>
							<dd><a href="javascript:;">仿米之家</a></dd>
							<dd><a href="javascript:;">服务网点</a></dd>
							<dd><a href="javascript:;">授权体验店</a></dd>
						</dl>
						<dl class="col-links ">
							<dt>关于仿米</dt>
							<dd><a href="javascript:;">了解仿米</a></dd>
							<dd><a href="javascript:;">加入仿米</a></dd>
							<dd><a href="javascript:;">投资者关系</a></dd>
						</dl>
						<dl class="col-links ">
							<dt>关注我们</dt>
							<dd><a href="javascript:;">新浪微博</a></dd>
							<dd><a href="javascript:;">官方微信</a></dd>
							<dd><a href="javascript:;">联系我们</a></dd>
						</dl>
						<dl class="col-links ">
							<dt>特色服务</dt>
							<dd><a href="javascript:;">F 码通道</a></dd>
							<dd><a href="javascript:;">礼物码</a></dd>
							<dd><a href="javascript:;">防伪查询</a></dd>
						</dl>
						<div class="col-contact">
							<p class="phone">400-100-5678</p>
							<p>周一至周日 8:00-18:00<br>（仅收市话费）</p>
							<a class="btn btn-line-primary btn-small">
								<em></em>
								人工客服
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="site-info">
				<div class="container">
					<div class="logo ir">仿米官网</div>
					<div class="info-text">
						<p class="sites">
							<a rel="nofollow" href="index.html" target="_blank">仿米商城</a>
							<span class="sep">|</span>
							<a href="javascript:;">MIUI</a>
							<span class="sep">|</span>
							<a href="javascript:;">米家</a>
							<span class="sep">|</span>
							<a href="http://www.miliao.com/">米聊</a>
							<span class="sep">|</span>
							<a href="//www.duokan.com/">多看</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">游戏</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">政企服务</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">仿米天猫店</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">仿米集团隐私政策</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">仿米公司儿童信息保护规则</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">仿米商城隐私政策</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">仿米商城用户协议</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">问题反馈</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">廉正举报</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">诚信合规</a>
							<span class="sep">|</span>
							<a rel="nofollow" href="javascript:;">Select Location</a>
						</p>
						<p>
							©
							<a href="javascript:;">mi.com</a> 京ICP证110507号
							<a href="http://beian.miit.gov.cn/">京ICP备10046444号</a>
							<a rel="nofollow" href="javascript:;">京公网安备11010802020134号</a>
							<a href="//www.mi.com/culture-license/">京网文[2017]1530-131号</a><br>
							<a href="//www.mi.com/medical/record/">（京）网械平台备字（2018）第00005号</a>
							<a href="//www.mi.com/medical/qualification/">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
							<a href="//www.mi.com/business-license/">营业执照</a>
							<a href="//www.mi.com/medical/list/">医疗器械质量公告</a> <br>
							<a href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/af5b8ef38e7d57c5ee7fa4289ccf4df8.png">增值电信业务许可证</a>&nbsp;网络食品经营备案（京）【2018】WLSPJYBAHF-12&nbsp;
							<a href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/fe7383e11127caea371f17156f429a1e.png">食品经营许可证</a> <br>
							违法和不良信息举报电话：185-0130-1238&nbsp;<a href="//www.mi.com/static/intellectual/index.html">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
						</p>
					</div>
					<div class="info-links">
						<a href="javascript:;"><img src="img/footer/xm1.png" alt=""></a>
						<a href="javascript:;"><img src="img/footer/xm2.png" alt=""></a>
						<a href="javascript:;"><img src="img/footer/xm3.png" alt=""></a>
						<a href="javascript:;"><img src="img/footer/xm4.png" alt=""></a>
						<a href="javascript:;"><img src="img/footer/xm5.png" alt=""></a>
					</div>
				</div>
				<div class="slogan ir">探索黑科技，仿米为发烧而生</div>
			</div>
		</footer>
	</body>
</html>