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

290 lines
13 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">
个人中心，购物车响应式
2021-09-29 07:58:45 +00:00
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
购物车2、3、4
2021-09-10 10:09:08 +00:00
<title>购物车</title>
响应式修改
2021-09-28 07:55:13 +00:00
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
购物车2、3、4
2021-09-10 10:09:08 +00:00
<link rel="stylesheet" href="../../css/logshoppingcar/tobepaid.css">
个人中心，购物车响应式
2021-09-29 07:58:45 +00:00
<link rel="stylesheet" type="text/css" href="../../css/huaxiaMedia.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-18 03:47:36 +00:00
<script src="../../js/login_cart/login_cart.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>
购物车2、3、4
2021-09-10 10:09:08 +00:00
头、底部
2021-09-14 05:46:26 +00:00
<body>
响应式修改
2021-09-28 07:55:13 +00:00
<header class="tyhder_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="dis p-zy320 pod" >
<a href="../../index.html" title="华夏艺术网"><img src="../../img/logo.png" title="图2" alt="图片已缺失"></a>
<div class="tyhder_listnavdIV">
<ul class="tyhder_listnav">
<li> 123</li>
<li><span class="tyhder_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="tyhder_di"></span><a target="_parent" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="tyhder_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html" class="tyhder_gr"><img class="tyhder_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="tyhder_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="tyhder_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="tyhder_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul>
</div>
<div class="tyhder_btntop">
<img class="tyhder_btntopimg" src="../../img/public/gn.png">
</div>
</nav>
</header>
调整购物车
2021-09-18 03:47:36 +00:00
<div class="zhanw"></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>
后续修改
2021-09-22 07:31:56 +00:00
<span><a class="addbuy" href="../grzx/personalData.html?id=9">新增收货地址</a></span>
头、底部
2021-09-14 05:46:26 +00:00
<div id="wrap">
<div class="address address-1" onclick="Subtitle();">
个人中心，购物车响应式
2021-09-29 07:58:45 +00:00
<div class="name na-1 fs"><div class="clips1">程鹏龙</div><img src="../../img/public/chooseAddress.png" ></div>
头、底部
2021-09-14 05:46:26 +00:00
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
<a class="" href=""><img src="../../img/images/Defadd.png" alt=""></a>
</div>
<div class="address address-2" onclick="Subtitle();">
个人中心，购物车响应式
2021-09-29 07:58:45 +00:00
<div class="name na-2 fs"><div class="clips1">程鹏龙2</div></div>
头、底部
2021-09-14 05:46:26 +00:00
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
个人中心，购物车响应式
2021-09-29 07:58:45 +00:00
<div class="fs"><a class="" href="">设置为默认地址</a></div>
头、底部
2021-09-14 05:46:26 +00:00
</div>
调整购物车
2021-09-18 03:47:36 +00:00
<div class="address address-2" onclick="Subtitle();">
个人中心，购物车响应式
2021-09-29 07:58:45 +00:00
<div class="name na-2 fs"><div class="clips1">程鹏龙2</div></div>
调整购物车
2021-09-18 03:47:36 +00:00
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
个人中心，购物车响应式
2021-09-29 07:58:45 +00:00
<div class="fs"><a class="" href="">设置为默认地址</a></div>
调整购物车
2021-09-18 03:47:36 +00:00
</div>
头、底部
2021-09-14 05:46:26 +00:00
<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">
调整购物车
2021-09-18 03:47:36 +00:00
<span class="Subtitle">送货清单</span>
头、底部
2021-09-14 05:46:26 +00:00
<div class="commodity">
个人中心，购物车响应式
2021-09-29 07:58:45 +00:00
<!-- 标题 -->
<div class="jies-head">
<div>商品</div>
<div>单价</div>
<div>数量</div>
<div>小计</div>
</div>
<!-- 数据列表 -->
<div class="jies-list">
<div>
<img src="../../img/images/1-1.png" alt="图片丢失" title="商品1" >
<div>
<div class="clips2">创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
</div>
</div>
<div>￥188</div>
<div>x3</div>
<div>￥564.6</div>
</div>
<div class="jies-list">
<div>
<img src="../../img/images/1-1.png" alt="图片丢失" title="商品1" >
<div>
<div class="clips2">创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
</div>
</div>
<div>￥188</div>
<div>x3</div>
<div>￥564.6</div>
</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
</div>
<!-- 使用优惠券 -->
调整购物车
2021-09-18 03:47:36 +00:00
<div class="yhquan">使用优惠券</div>
头、底部
2021-09-14 05:46:26 +00:00
<div class="coupon">
调整购物车
2021-09-18 03:47:36 +00:00
<div class="yh coupon-1">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhdate">有效期至：2020-09-31</div>
购物车2、3、4
2021-09-10 10:09:08 +00:00
</div>
调整购物车
2021-09-18 03:47:36 +00:00
<div class="yh coupon-2">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhdate">有效期至：2020-09-31</div>
</div>
<div class="yh coupon-3">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhguoqi">有效期至：2020-09-31</div>
购物车2、3、4
2021-09-10 10:09:08 +00:00
</div>
调整购物车
2021-09-18 03:47:36 +00:00
<div class="yh coupon-3">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhguoqi">有效期至：2020-09-31</div>
</div>
<div class="yh coupon-3">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhguoqi">有效期至：2020-09-31</div>
</div>
购物车2、3、4
2021-09-10 10:09:08 +00:00
</div>
头、底部
2021-09-14 05:46:26 +00:00
<!-- 备注 -->
调整购物车
2021-09-18 03:47:36 +00:00
<div class="msg-bei">
<label class="Subtitle">信息备注</label>
<textarea placeholder="请填写备注信息" class="layui-textarea" name="desc"></textarea>
</div>
头、底部
2021-09-14 05:46:26 +00:00
</div>
<!-- 提交订单 -->
<div class="setall">
调整购物车
2021-09-18 03:47:36 +00:00
<div class="price-box">
<div style="text-align: right;"><span>商品总金额：</span><span class="price">￥1128.00</span></div>
<div style="text-align: right;"><span>运费：</span><span class="price">￥0.00</span></div>
<div style="text-align: right;"><span>商品优惠：</span><span class="price">-￥20.00</span></div>
个人中心，购物车的调整
2021-09-17 11:37:33 +00:00
</div>
订单
2021-09-15 09:31:07 +00:00
<!-- 送货地址 -->
调整购物车
2021-09-18 03:47:36 +00:00
<div class="price-box">
<div style="text-align: right;"><span>应付总额：</span><span class="price allPrice">￥1123.00</span></div>
<div style="text-align: right;"><span class="cartAddress">程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</span></div>
</div>
订单
2021-09-15 09:31:07 +00:00
<!-- 提交按钮 -->
调整购物车
2021-09-18 03:47:36 +00:00
<div class="sumbtn-box">
响应式修改
2021-09-28 07:55:13 +00:00
<div class=" cq-cp"><a href="qrcode.html" class="colf">提交订单</a></div>
头、底部
2021-09-14 05:46:26 +00:00
</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>
<!-- 底部导航 -->
响应式修改
2021-09-28 07:55:13 +00:00
<div class="foot-nav-box">
<!-- 导航文字 -->
<div class="foot-box-nav">
<div><a href="../../index.html" target="_parent">首页</a></div>
<div><a href="../artNetwork/realTimeInfo.html" target="_parent">资讯</a></div>
<div><a href="../artNetwork/exhibition.html" target="_parent">展览</a></div>
<div><a href="../artNetwork/artist.html" target="_parent">艺术家</a></div>
<div><a href="../artNetwork/mechanism.html" target="_parent">机构</a></div>
<div><a href="../artNetwork/train.html" target="_parent">培训</a></div>
<div><a href="../artNetwork/shoppingMall.html" target="_parent">商城</a></div>
<div><a href="../artNetwork/auction.html" target="_parent">拍卖</a></div>
</div>
<!-- 导航图片 -->
<div class="foot-box-img">
<img src="../../img/public/foot-xl.png" alt="图片缺失" title="新浪">
<img src="../../img/public/foot-wx.png" alt="图片缺失" title="微信">
<img src="../../img/public/foot-whatsapp.png" alt="图片缺失" title="电话">
<img src="../../img/public/foot-facebook.png" alt="图片缺失" title="facebook">
<img src="../../img/public/foot-skype.png" alt="图片缺失" title="钱">
</div>
</div>
<div class="foot-end-box">
<div>
<img src="../../img/logo.png" alt="图片丢失" title="华夏艺术网">
<div class="linh26">
<div class="foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
</div>
</div>
<div>
<div class="foot-end-right">
<div>
<div>
<img class="shu-logo" src="../../img/public/shuy-logo.png" alt="图片丢失" title="成都惠民职工书院">
</div>
<div class="linh30">
<div class="foot-end-titlez">成都惠民职工书院</div>
<div class="foot-end-content">地址：成都市青羊区青羊大道129号文化宫2楼</div>
<div class="foot-end-content">电话：028-81712589</div>
</div>
</div>
底部调整
2021-09-29 08:29:12 +00:00
<div class="foot-count">
响应式修改
2021-09-28 07:55:13 +00:00
<div class="foot-end-title">联系我们</div>
<div class="foot-end-content"><span class="fs">地址：</span>四川省成都市武侯区天益街38号理想中心3栋601</div>
<div class="foot-end-content dis"><span class="fs">手机：</span>13880548658</div>
<div class="foot-end-content dis"><span class="fs">电话：</span>028-61529525</div>
<div class="foot-end-content dis"><span class="fs">邮箱：</span>zarts@126.com</div>
</div>
<div class="foot-qrcode">
<div>
<img src="../../img/public/huax-em.png" alt="图片丢失" title="华夏艺术网">
<div>华夏艺术网</div>
</div>
<div>
<img src="../../img/public/shuy-em.png" alt="图片丢失" title="成都惠民职工书院">
<div>成都惠民职工书院</div>
</div>
</div>
</div>
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved.&nbsp;&nbsp;&nbsp;&nbsp蜀ICP备11111111号&nbsp;&nbsp;&nbsp;&nbsp技术支持：全美网络 </div>
</div>
</div>
头、底部
2021-09-14 05:46:26 +00:00
<!-- 回到顶部 -->
<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">
个人中心，购物车响应式
2021-09-29 07:58:45 +00:00
$(window).resize(function() { //监听窗口大小的改变
let windowWidth = $(window).width()
if(windowWidth<=766){
slideHeight = 130
}
})
var slideHeight = 50; // px
var defHeight = $('#wrap').height();
if (defHeight >= slideHeight) {
$('#wrap').css('height', slideHeight + 'px');
$('#read-more').append('<span style="cursor: pointer;" href="#">展开地址︾</span>');
$('#read-more span').click(function () {
var curHeight = $('#wrap').height();
if (curHeight == slideHeight) {
$('#wrap').animate({
height: defHeight
}, "normal");
$('#read-more span').html('收起地址 ︽');
$('#gradient').fadeOut();
} else {
$('#wrap').animate({
height: slideHeight
}, "normal");
$('#read-more span').html('展开地址 ︾');
$('#gradient').fadeIn();
}
return false;
});
}
购物车2、3、4
2021-09-10 10:09:08 +00:00
</script>
</html>