478 lines
20 KiB
HTML
478 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="stylesheet" href="css/base.css">
|
||
<link rel="stylesheet" href="css/common.css">
|
||
<link rel="shortcut icon" href="favicon/favicon.ico" />
|
||
<link rel="stylesheet" href="css/shopcar.css">
|
||
<title>购物车</title>
|
||
</head>
|
||
|
||
|
||
<body>
|
||
<!-- 快捷导航模块 start -->
|
||
<section class="shortcut">
|
||
<div class="w">
|
||
<div class="fl">
|
||
<ul>
|
||
<li>品优购欢迎您！ </li>
|
||
<li><a href="login.html">请登录</a> <a href="login.html" class="style_red">免费注册</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="fr">
|
||
<ul>
|
||
<li><a href="#">我的订单</a></li>
|
||
<li></li>
|
||
<li class="iconfont"><a href="#">我的品优购 </a></li>
|
||
<li></li>
|
||
<li><a href="#">品优购会员</a></li>
|
||
<li></li>
|
||
<li><a href="#">企业采购</a></li>
|
||
<li></li>
|
||
<li class="iconfont"><a href="#">关注品优购 </a></li>
|
||
<li></li>
|
||
<li class="iconfont"><a href="#">客户服务 </a></li>
|
||
<li></li>
|
||
<li class="iconfont"><a href="#">网站导航 </a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- 快捷导航模块 end -->
|
||
|
||
<!-- 购物车内容 开始 -->
|
||
<div class="w">
|
||
<div class="header">
|
||
<div class="logo">
|
||
<h1><a href="index.html" title="吴兴有的品优购商城">品友购商城</a></h1>
|
||
</div>
|
||
|
||
<div class="car_search">
|
||
<input type="search" name="" id="" placeholder="宝，你来啦 ！">
|
||
<a href="list.html" target="_blank"><button class="iconfont"></button></a>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="car_nav ">
|
||
<h1> 全部商品</h1>
|
||
<div class="delivery_area">
|
||
<span>配送至：</span>
|
||
<select name="area" id="">
|
||
<option value="">请选择配送区域</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
<option value="destination">江西省九江市</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="shop_car_hd ">
|
||
<div class="all_select">
|
||
<input type="checkbox" name="" id=""> <span>全选</span>
|
||
</div>
|
||
<div class="goods">商品</div>
|
||
<div class="prize">单价（元）</div>
|
||
<div class="unmber">数量</div>
|
||
<div class="subtotal">小计（元）</div>
|
||
<div class="opearte">操作</div>
|
||
</div>
|
||
<div class="shop_car_bd">
|
||
<input type="checkbox" name="" id=""> <span>品优自营</span>
|
||
</div>
|
||
|
||
<div class="my_goods">
|
||
<ul>
|
||
<li>
|
||
<input type="checkbox" name="" id="">
|
||
<img src="upload/mygoods1.png" alt="">
|
||
<div class="recommond">
|
||
<p>
|
||
苹果（Apple）MD463FE/A MAC 尺码：Thunderbolt至千兆... <br>
|
||
Thunderbolt雷电接口 至千兆以太网转<br>
|
||
<a href="#" class="style_red">购买礼品包装</a>
|
||
</p>
|
||
</div>
|
||
<div class="uit_price">
|
||
248
|
||
</div>
|
||
|
||
<div class="num">
|
||
<div class="hd">
|
||
<button class="left" name="">-</button>
|
||
<div class="n">1</div>
|
||
<button class="right" name="">+</button>
|
||
</div>
|
||
<div>
|
||
<p class="you">有货</p>
|
||
</div>
|
||
</div>
|
||
<div class="sub">
|
||
248
|
||
</div>
|
||
<div class="operater">
|
||
<span><a href="#">删除</a></span><br>
|
||
<span><a href="#">移到我的关注</a></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<input type="checkbox" name="" id="">
|
||
<img src="upload/mygoods1.png" alt="">
|
||
<div class="recommond">
|
||
<p>
|
||
苹果（Apple）MD463FE/A MAC 尺码：Thunderbolt至千兆... <br>
|
||
Thunderbolt雷电接口 至千兆以太网转<br>
|
||
<a href="#" class="style_red">购买礼品包装</a>
|
||
</p>
|
||
</div>
|
||
<div class="uit_price">
|
||
248
|
||
</div>
|
||
|
||
<div class="num">
|
||
<div class="hd">
|
||
<button class="left" name="">-</button>
|
||
<div class="n">1</div>
|
||
<button class="right" name="">+</button>
|
||
</div>
|
||
<div>
|
||
<p class="you">有货</p>
|
||
</div>
|
||
</div>
|
||
<div class="sub">
|
||
248
|
||
</div>
|
||
<div class="operater">
|
||
<span><a href="#">删除</a></span><br>
|
||
<span><a href="#">移到我的关注</a></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<input type="checkbox" name="" id="">
|
||
<img src="upload/mygoods1.png" alt="">
|
||
<div class="recommond">
|
||
<p>
|
||
苹果（Apple）MD463FE/A MAC 尺码：Thunderbolt至千兆... <br>
|
||
Thunderbolt雷电接口 至千兆以太网转<br>
|
||
<a href="#" class="style_red">购买礼品包装</a>
|
||
</p>
|
||
</div>
|
||
<div class="uit_price">
|
||
248
|
||
</div>
|
||
|
||
<div class="num">
|
||
<div class="hd">
|
||
<button class="left" name="">-</button>
|
||
<div class="n">1</div>
|
||
<button class="right" name="">+</button>
|
||
</div>
|
||
<div>
|
||
<p class="you">有货</p>
|
||
</div>
|
||
</div>
|
||
<div class="sub">
|
||
248
|
||
</div>
|
||
<div class="operater">
|
||
<span><a href="#">删除</a></span><br>
|
||
<span><a href="#">移到我的关注</a></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<input type="checkbox" name="" id="">
|
||
<img src="upload/mygoods1.png" alt="">
|
||
<div class="recommond">
|
||
<p>
|
||
苹果（Apple）MD463FE/A MAC 尺码：Thunderbolt至千兆... <br>
|
||
Thunderbolt雷电接口 至千兆以太网转<br>
|
||
<a href="#" class="style_red">购买礼品包装</a>
|
||
</p>
|
||
</div>
|
||
<div class="uit_price">
|
||
248
|
||
</div>
|
||
|
||
<div class="num">
|
||
<div class="hd">
|
||
<button class="left" name="">-</button>
|
||
<div class="n">1</div>
|
||
<button class="right" name="">+</button>
|
||
</div>
|
||
<div>
|
||
<p class="you">有货</p>
|
||
</div>
|
||
</div>
|
||
<div class="sub">
|
||
248
|
||
</div>
|
||
<div class="operater">
|
||
<span><a href="#">删除</a></span><br>
|
||
<span><a href="#">移到我的关注</a></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<input type="checkbox" name="" id="">
|
||
<img src="upload/mygoods1.png" alt="">
|
||
<div class="recommond">
|
||
<p>
|
||
苹果（Apple）MD463FE/A MAC 尺码：Thunderbolt至千兆... <br>
|
||
Thunderbolt雷电接口 至千兆以太网转<br>
|
||
<a href="#" class="style_red">购买礼品包装</a>
|
||
</p>
|
||
</div>
|
||
<div class="uit_price">
|
||
248
|
||
</div>
|
||
|
||
<div class="num">
|
||
<div class="hd">
|
||
<button class="left" name="">-</button>
|
||
<div class="n">1</div>
|
||
<button class="right" name="">+</button>
|
||
</div>
|
||
<div>
|
||
<p class="you">有货</p>
|
||
</div>
|
||
</div>
|
||
<div class="sub">
|
||
248
|
||
</div>
|
||
<div class="operater">
|
||
<span><a href="#">删除</a></span><br>
|
||
<span><a href="#">移到我的关注</a></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<input type="checkbox" name="" id="">
|
||
<img src="upload/mygoods1.png" alt="">
|
||
<div class="recommond">
|
||
<p>
|
||
苹果（Apple）MD463FE/A MAC 尺码：Thunderbolt至千兆... <br>
|
||
Thunderbolt雷电接口 至千兆以太网转<br>
|
||
<a href="#" class="style_red">购买礼品包装</a>
|
||
</p>
|
||
</div>
|
||
<div class="uit_price">
|
||
248
|
||
</div>
|
||
|
||
<div class="num">
|
||
<div class="hd">
|
||
<button class="left" name="">-</button>
|
||
<div class="n">1</div>
|
||
<button class="right" name="">+</button>
|
||
</div>
|
||
<div>
|
||
<p class="you">有货</p>
|
||
</div>
|
||
</div>
|
||
<div class="sub">
|
||
248
|
||
</div>
|
||
<div class="operater">
|
||
<span><a href="#">删除</a></span><br>
|
||
<span><a href="#">移到我的关注</a></span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<input type="checkbox" name="" id="">
|
||
<img src="upload/mygoods1.png" alt="">
|
||
<div class="recommond">
|
||
<p>
|
||
苹果（Apple）MD463FE/A MAC 尺码：Thunderbolt至千兆... <br>
|
||
Thunderbolt雷电接口 至千兆以太网转<br>
|
||
<a href="#" class="style_red">购买礼品包装</a>
|
||
</p>
|
||
</div>
|
||
<div class="uit_price">
|
||
248
|
||
</div>
|
||
|
||
<div class="num">
|
||
<div class="hd">
|
||
<button class="left" name="">-</button>
|
||
<div class="n">1</div>
|
||
<button class="right" name="">+</button>
|
||
</div>
|
||
<div>
|
||
<p class="you">有货</p>
|
||
</div>
|
||
</div>
|
||
<div class="sub">
|
||
248
|
||
</div>
|
||
<div class="operater">
|
||
<span><a href="#">删除</a></span><br>
|
||
<span><a href="#">移到我的关注</a></span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 购物车内容 结束 -->
|
||
|
||
|
||
<!-- 底部模块制作 start -->
|
||
<footer class="footer">
|
||
<div class="w">
|
||
<div class="mod_service">
|
||
<ul>
|
||
<li>
|
||
<a href="#">
|
||
<h5>正</h5>
|
||
<div>
|
||
<h2>正品保障</h2>
|
||
<p>正品保障，提供发票</p>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<h5>速</h5>
|
||
<div>
|
||
<h2>极速物流</h2>
|
||
<p>极速物流，急速送达</p>
|
||
</div>
|
||
</a>
|
||
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<h5>保</h5>
|
||
<div>
|
||
<h2>无忧售后</h2>
|
||
<p>7天无理由退货</p>
|
||
</div>
|
||
</a>
|
||
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<h5>特</h5>
|
||
<div>
|
||
<h2>特色服务</h2>
|
||
<p>私人定制家电套餐</p>
|
||
</div>
|
||
</a>
|
||
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<h5>帮</h5>
|
||
<div>
|
||
<h2>帮助中心</h2>
|
||
<p>您的购物指南</p>
|
||
</div>
|
||
</a>
|
||
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="mod_help">
|
||
<dl>
|
||
<dt>购物指南</dt>
|
||
<dd><a href="#">购物流程</a></dd>
|
||
<dd><a href="#">会员介绍</a></dd>
|
||
<dd><a href="#">生活旅行/团购</a></dd>
|
||
<dd><a href="#">常见问题</a></dd>
|
||
<dd><a href="#">大家电</a></dd>
|
||
<dd><a href="#">联系客服</a></dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>配送方式</dt>
|
||
<dd><a href="#">上门自提</a></dd>
|
||
<dd><a href="#">211限时达</a></dd>
|
||
<dd><a href="#">配送服务查询</a></dd>
|
||
<dd><a href="#">配送费收取标准</a></dd>
|
||
<dd><a href="#">海外配送</a></dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>支付方式</dt>
|
||
<dd><a href="#">货到付款</a></dd>
|
||
<dd><a href="#">在线支付</a></dd>
|
||
<dd><a href="#">分期付款</a></dd>
|
||
<dd><a href="#">邮局汇款</a></dd>
|
||
<dd><a href="#">公司转账</a></dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>售后服务</dt>
|
||
<dd><a href="#">售后政策</a></dd>
|
||
<dd><a href="#">价格保护</a></dd>
|
||
<dd><a href="#">退款说明</a></dd>
|
||
<dd><a href="#">返修/退换货</a></dd>
|
||
<dd><a href="#">取消订单</a></dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>特色服务</dt>
|
||
<dd><a href="#">夺宝岛</a></dd>
|
||
<dd><a href="#">DIY装机</a></dd>
|
||
<dd><a href="#">延保服务</a></dd>
|
||
<dd><a href="#">品优购E卡</a></dd>
|
||
<dd><a href="#">品优购通信</a></dd>
|
||
</dl>
|
||
<dl>
|
||
<dt>帮助中心</dt>
|
||
<dd class="erweima"><img src="images/erweima.png" alt=""></dd>
|
||
<dd> <a href="https://wx.qq.com/" target="_blank">扫码加我微信 ！</a>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="footer_bottom">
|
||
<p>
|
||
<a href="#">关于我们</a>
|
||
<span>|</span>
|
||
<a href="#">联系我们</a>
|
||
<span>|</span>
|
||
<a href="#">联系客服</a>
|
||
<span>|</span>
|
||
<a href="#">商家入驻</a>
|
||
<span>|</span>
|
||
<a href="#">友情链接</a>
|
||
<span>|</span>
|
||
<a href="#">手机品优购</a>
|
||
<span>|</span>
|
||
<a href="#">友情链接</a>
|
||
<span>|</span>
|
||
<a href="#">销售联盟</a>
|
||
<span>|</span>
|
||
<a href="#">品优购社区</a>
|
||
<span>|</span>
|
||
<a href="#">品优购公益</a>
|
||
<span>|</span>
|
||
<a href="#">English Site</a>
|
||
<span>|</span>
|
||
<a href="#">Contact U </a>
|
||
<span></span>
|
||
</p>
|
||
<p> 地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000
|
||
传真：010-82935100 邮箱:
|
||
zhanghj+itcast.cn <br> 京ICP备08001421号京公网安备110108007702</p>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- 底部模块制作 end -->
|
||
</body>
|
||
|
||
</html> |