2021-09-10 10:09:08 +00:00
|
|
|
|
<!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/logshoppingcar/tobepaid.css">
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
|
|
|
|
|
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
|
2021-09-14 05:46:26 +00:00
|
|
|
|
</head>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.foot-iframe {
|
|
|
|
|
|
margin-top: -30px;
|
|
|
|
|
|
color: rgb(255, 255, 255);
|
|
|
|
|
|
}
|
2021-09-10 10:09:08 +00:00
|
|
|
|
|
2021-09-14 05:46:26 +00:00
|
|
|
|
#gotoTop {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
right: 50px;
|
|
|
|
|
|
top: -50px;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<body>
|
|
|
|
|
|
<!-- 头部导航 -->
|
2021-09-15 09:31:07 +00:00
|
|
|
|
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0" scrolling="no"></iframe>
|
2021-09-17 11:37:33 +00:00
|
|
|
|
<div style="height: 30px;width: 100%;background: #f5f5f5;"></div>
|
2021-09-15 09:31:07 +00:00
|
|
|
|
<!-- 内容 -->
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<section>
|
|
|
|
|
|
<div class="whole">
|
|
|
|
|
|
<div class="whole-1">
|
|
|
|
|
|
<div class="all">
|
|
|
|
|
|
<h2>填写并核对订单信息</h2>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 买家 -->
|
|
|
|
|
|
<div class="Buyers">
|
|
|
|
|
|
<div id="container">
|
|
|
|
|
|
<span class="Subtitle">收货人信息</span>
|
|
|
|
|
|
<span><a class="addbuy" href="">新增收货地址</a></span>
|
|
|
|
|
|
<div id="wrap">
|
|
|
|
|
|
<div class="address address-1" onclick="Subtitle();">
|
|
|
|
|
|
<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" onclick="Subtitle();">
|
|
|
|
|
|
<div class="name na-2">程鹏龙</div>
|
|
|
|
|
|
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
|
|
|
|
|
<a class="" href="">设置为默认地址</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="gradient"></div>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
</div>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<div id="read-more"></div>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
</div>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 送货清单 -->
|
|
|
|
|
|
<div class="opt">
|
2021-09-17 11:37:33 +00:00
|
|
|
|
<span class="Subtitle" style="font-size: 15px;">送货清单</span>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<div class="commodity">
|
2021-09-17 11:37:33 +00:00
|
|
|
|
<table style="text-align: center;width: 100%;" cellspacing="0" cellpadding="20">
|
|
|
|
|
|
<tr style="background-color: #f3f3f3;">
|
|
|
|
|
|
<th style="text-align: left;padding: 22px 0 16px 20px;width: 480px;">
|
|
|
|
|
|
<span>商品</span>
|
|
|
|
|
|
</th>
|
|
|
|
|
|
<th>单价</th>
|
|
|
|
|
|
<th>数量</th>
|
|
|
|
|
|
<th>小计</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr valign="top">
|
|
|
|
|
|
<td style="width: 480px;text-align: left;padding: 20px;border-bottom: 1px solid #f2f2f2;">
|
|
|
|
|
|
<div style="width: 480px;display: flex;">
|
|
|
|
|
|
<img src="../../img/images/1-1.png" alt="图片丢失" title="商品1" >
|
|
|
|
|
|
<div style="font-size: 14px;line-height: 24px;color: #525252;margin-left: 10px;">创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">￥188</td>
|
|
|
|
|
|
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">x3</td>
|
|
|
|
|
|
<td id="price0" style="padding: 20px;font-weight: bold;color: #CB1919;border-bottom: 1px solid #f2f2f2;">￥564.6</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr valign="top">
|
|
|
|
|
|
<td style="width: 480px;text-align: left;padding: 20px;border-bottom: 1px solid #f2f2f2;">
|
|
|
|
|
|
<div style="width: 480px;display: flex;">
|
|
|
|
|
|
<img src="../../img/images/1-1.png" alt="图片丢失" title="商品1" >
|
|
|
|
|
|
<div style="font-size: 14px;line-height: 24px;color: #525252;margin-left: 10px;">创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">￥188</td>
|
|
|
|
|
|
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">x3</td>
|
|
|
|
|
|
<td id="price0" style="padding: 20px;font-weight: bold;color: #CB1919;border-bottom: 1px solid #f2f2f2;">￥564.6</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
</div>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
|
2021-09-14 05:46:26 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 使用优惠券 -->
|
|
|
|
|
|
<div class="coupon">
|
|
|
|
|
|
<div class="yh coupon-1" onclick="coupon1();">
|
|
|
|
|
|
<h1>20</h1>
|
|
|
|
|
|
<h3>元</h3>
|
|
|
|
|
|
<span>满300元，立减20元</span>
|
|
|
|
|
|
<p>有效期至：2020-09-31</p>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
</div>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<div class="yh coupon-2" onclick="coupon2();">
|
|
|
|
|
|
<h1>20</h1>
|
|
|
|
|
|
<h3>元</h3>
|
|
|
|
|
|
<span>满300元，立减20元</span>
|
|
|
|
|
|
<p>有效期至：2020-09-31</p>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
</div>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<div class="yh coupon-3" onclick="coupon3();">
|
|
|
|
|
|
<h1>20</h1>
|
|
|
|
|
|
<h3>元</h3>
|
|
|
|
|
|
<span>满300元，立减20元</span>
|
|
|
|
|
|
<p>有效期至：2020-09-31</p>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<!-- 备注 -->
|
|
|
|
|
|
<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>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
<!-- 提交订单 -->
|
|
|
|
|
|
<div class="setall">
|
2021-09-17 11:37:33 +00:00
|
|
|
|
<div style="line-height: 36px;font-size: 16px;color: #525252;">
|
|
|
|
|
|
<div style="text-align: right;"><span>商品总金额：</span><span style="width: 200px;display: inline-block;">￥1128.00</span></div>
|
|
|
|
|
|
<div style="text-align: right;"><span>运费：</span><span style="width: 200px;display: inline-block;">￥0.00</span></div>
|
|
|
|
|
|
<div style="text-align: right;"><span>商品优惠：</span><span style="width: 200px;display: inline-block;">-￥20.00</span></div>
|
|
|
|
|
|
</div>
|
2021-09-15 09:31:07 +00:00
|
|
|
|
<!-- 送货地址 -->
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<div class="total">
|
|
|
|
|
|
<li>应付总额:<span>￥1123.00</span></li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</div>
|
2021-09-15 09:31:07 +00:00
|
|
|
|
<!-- 提交按钮 -->
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<div class="subore">
|
2021-09-14 10:11:47 +00:00
|
|
|
|
<li><a href="qrcode.html" onclick="settlem();">提交订单</a></li>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
</div>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2021-09-14 05:46:26 +00:00
|
|
|
|
</div>
|
2021-09-10 10:09:08 +00:00
|
|
|
|
|
2021-09-14 05:46:26 +00:00
|
|
|
|
</section>
|
|
|
|
|
|
<!-- 底部导航 -->
|
2021-09-15 09:31:07 +00:00
|
|
|
|
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0'></iframe>
|
2021-09-14 05:46:26 +00:00
|
|
|
|
<!-- 回到顶部 -->
|
|
|
|
|
|
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
2021-09-10 10:09:08 +00:00
|
|
|
|
</body>
|
|
|
|
|
|
<script src="../../js/jquery-1.9.1.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
2021-09-15 09:31:07 +00:00
|
|
|
|
// 折叠地址
|
2021-09-10 10:09:08 +00:00
|
|
|
|
$(function () {
|
2021-09-14 05:46:26 +00:00
|
|
|
|
var slideHeight = 50; // px
|
|
|
|
|
|
var defHeight = $('#wrap').height();
|
|
|
|
|
|
if (defHeight >= slideHeight) {
|
|
|
|
|
|
$('#wrap').css('height', slideHeight + 'px');
|
2021-09-17 11:37:33 +00:00
|
|
|
|
$('#read-more').append('<span style="cursor: pointer;" href="#">展开地址︾</span>');
|
|
|
|
|
|
$('#read-more span').click(function () {
|
2021-09-14 05:46:26 +00:00
|
|
|
|
var curHeight = $('#wrap').height();
|
|
|
|
|
|
if (curHeight == slideHeight) {
|
|
|
|
|
|
$('#wrap').animate({
|
|
|
|
|
|
height: defHeight
|
|
|
|
|
|
}, "normal");
|
2021-09-17 11:37:33 +00:00
|
|
|
|
$('#read-more span').html('收起地址 ︽');
|
2021-09-14 05:46:26 +00:00
|
|
|
|
$('#gradient').fadeOut();
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$('#wrap').animate({
|
|
|
|
|
|
height: slideHeight
|
|
|
|
|
|
}, "normal");
|
2021-09-17 11:37:33 +00:00
|
|
|
|
$('#read-more span').html('展开地址 ︾');
|
2021-09-14 05:46:26 +00:00
|
|
|
|
$('#gradient').fadeIn();
|
|
|
|
|
|
}
|
|
|
|
|
|
return false;
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
2021-09-10 10:09:08 +00:00
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
