154 lines
6.7 KiB
HTML
154 lines
6.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>购物车</title>
|
||
|
|
<link rel="stylesheet" href="../../css/layui.css">
|
||
|
|
<link rel="stylesheet" href="../../css/logshoppingcar/tobepaid.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<div class="whole">
|
||
|
|
<div class="whole-1">
|
||
|
|
<div class="all">
|
||
|
|
<h2>填写并核对订单信息</h2>
|
||
|
|
</div>
|
||
|
|
<!-- 买家 -->
|
||
|
|
<div class="Buyers">
|
||
|
|
<span class="Subtitle">收货人信息</span>
|
||
|
|
<span><a class="addbuy" href="">新增收货地址</a></span>
|
||
|
|
|
||
|
|
<div class="toggle">
|
||
|
|
<div class="address address-1">
|
||
|
|
<div class="name na-1">程鹏龙</div>
|
||
|
|
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
||
|
|
<a class="" href=""><img src="../../img/images/Defadd.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="address address-2 ">
|
||
|
|
<div class="name na-2">程鹏龙</div>
|
||
|
|
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
||
|
|
<a class="" href="">设置为默认地址</a>
|
||
|
|
</div>
|
||
|
|
<div class="address stop">收起地址 ︽</div>
|
||
|
|
<!-- <dl>
|
||
|
|
<dt>收起地址 ︽
|
||
|
|
</dt>
|
||
|
|
<dd>
|
||
|
|
</dd>
|
||
|
|
</dl> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 送货清单 -->
|
||
|
|
<div class="opt">
|
||
|
|
<span class="Subtitle">送货清单</span>
|
||
|
|
<div class="commodity">
|
||
|
|
<ul>
|
||
|
|
<li class="optall">
|
||
|
|
<table>
|
||
|
|
<th>
|
||
|
|
<span></span>商品</span>
|
||
|
|
</th>
|
||
|
|
<th>单价</th>
|
||
|
|
<th>数量</th>
|
||
|
|
<th>小计</th>
|
||
|
|
</table>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<ul class="checklist">
|
||
|
|
<li class="among">
|
||
|
|
<table>
|
||
|
|
<th> <label for="value1"><img src="../../img/images/1-1.png" alt=""></label>
|
||
|
|
</th>
|
||
|
|
<th><span>
|
||
|
|
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
|
||
|
|
</span></th>
|
||
|
|
<th>￥188
|
||
|
|
<!-- <input type="text" name="price" value="188.00"> -->
|
||
|
|
</th>
|
||
|
|
<th>x3</th>
|
||
|
|
<th id="price0">￥564.6</th>
|
||
|
|
</table>
|
||
|
|
</li>
|
||
|
|
<li class="among">
|
||
|
|
<table>
|
||
|
|
<th> <label for="value1"><img src="../../img/images/1-1.png" alt=""></label>
|
||
|
|
</th>
|
||
|
|
<th><span>
|
||
|
|
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
|
||
|
|
</span></th>
|
||
|
|
<th>￥188
|
||
|
|
<!-- <input type="text" name="price" value="188.00"> -->
|
||
|
|
</th>
|
||
|
|
<th>x3</th>
|
||
|
|
<th id="price0">￥564.6</th>
|
||
|
|
</table>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- 使用优惠券 -->
|
||
|
|
<div class="coupon">
|
||
|
|
<div class="coupon-1">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 备注 -->
|
||
|
|
<div class="remarks">
|
||
|
|
<div class="layui-form-item layui-form-text">
|
||
|
|
<label class="layui-form-label Subtitle">信息备注</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<textarea placeholder="请输入内容" class="layui-textarea" name="desc"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 提交订单 -->
|
||
|
|
<div class="setall">
|
||
|
|
<ul class="seta">
|
||
|
|
<li>商品总金额： </li>
|
||
|
|
<li>运费：</li>
|
||
|
|
<li>商品优惠：</li>
|
||
|
|
<li><span onclick="settlem();">提交订单</span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<div class="total">
|
||
|
|
应付总额：<span></span>
|
||
|
|
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="subore">
|
||
|
|
<span>提交订单</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
<script src="../../js/jquery-1.9.1.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
// 折叠
|
||
|
|
$(function () {
|
||
|
|
$(".toggle dl dd").hide();
|
||
|
|
$(".toggle dl dt").click(function () {
|
||
|
|
$(".toggle dl dd").not($(this).next()).hide();
|
||
|
|
$(".toggle dl dt").not($(this).next()).removeClass("current");
|
||
|
|
$(this).next().slideToggle(500);
|
||
|
|
$(this).toggleClass("current");
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|