chen
/
huaxia
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
huaxia/htmls/logshoppingcar/tobepaid.html

196 lines
8.4 KiB
HTML
Raw Normal View History

购物车2、3、4
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/layui.css">
<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>
购物车2、3、4
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);
}
购物车2、3、4
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>
购物车2、3、4
2021-09-10 10:09:08 +00:00
头、底部
2021-09-14 05:46:26 +00:00
<body>
<!-- 头部导航 -->
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
scrolling="no"></iframe>
<!-- 内容 -->
<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>
购物车2、3、4
2021-09-10 10:09:08 +00:00
</div>
头、底部
2021-09-14 05:46:26 +00:00
<div id="read-more"></div>
购物车2、3、4
2021-09-10 10:09:08 +00:00
</div>
头、底部
2021-09-14 05:46:26 +00:00
</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="图片丢失" title="商品1"></label>
</th>
<th><span>
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
</span></th>
<th>￥188
</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-2.png" alt="图片丢失" title="商品2"></label>
</th>
<th><span>
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
</span></th>
<th>￥188
</th>
<th>x3</th>
<th id="price0">￥564.6</th>
</table>
</li>
</ul>
购物车2、3、4
2021-09-10 10:09:08 +00:00
头、底部
2021-09-14 05:46:26 +00:00
</div>
购物车2、3、4
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>
购物车2、3、4
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>
购物车2、3、4
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>
购物车2、3、4
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>
购物车2、3、4
2021-09-10 10:09:08 +00:00
</div>
</div>
头、底部
2021-09-14 05:46:26 +00:00
</div>
<!-- 提交订单 -->
<div class="setall">
<ul class="seta">
<li>商品总金额：<span>￥1128.00 </span> </li>
<li>运费：<span>￥0.00 </span></li>
<li>商品优惠：<span>-￥20.00 </span></li>
</ul>
<div class="total">
<li>应付总额:<span>￥1123.00</span></li>
<li>
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
</li>
</div>
<div class="subore">
<li><span onclick="settlem();">提交订单</span></li>
</div>
购物车2、3、4
2021-09-10 10:09:08 +00:00
</div>
头、底部
2021-09-14 05:46:26 +00:00
</div>
购物车2、3、4
2021-09-10 10:09:08 +00:00
头、底部
2021-09-14 05:46:26 +00:00
</section>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
marginwidth='0'></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
购物车2、3、4
2021-09-10 10:09:08 +00:00
</body>
<script src="../../js/jquery-1.9.1.js"></script>
<script type="text/javascript">
// 折叠
$(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');
$('#read-more').append('<a href="#">展开地址︾</a>');
$('#read-more a').click(function () {
var curHeight = $('#wrap').height();
if (curHeight == slideHeight) {
$('#wrap').animate({
height: defHeight
}, "normal");
$('#read-more a').html('收起地址 ︽');
$('#gradient').fadeOut();
} else {
$('#wrap').animate({
height: slideHeight
}, "normal");
$('#read-more a').html('展开地址︾');
$('#gradient').fadeIn();
}
return false;
});
}
});
购物车2、3、4
2021-09-10 10:09:08 +00:00
</script>
</html>