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

302 lines
13 KiB
HTML
Raw Permalink Normal View History

登录、注册
2021-09-07 09:43:08 +08:00
<!DOCTYPE html>
购物车
2021-09-09 17:58:19 +08:00
<html>
购物车
2021-09-07 17:48:02 +08:00
响应式修改
2021-09-28 15:55:13 +08:00
<head lang="en">
<meta charset="UTF-8">
<title>购物车</title>
艺术家修改
2021-09-29 10:39:43 +08:00
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
响应式修改
2021-09-28 15:55:13 +08:00
<link rel="stylesheet" href="../../css/swiper-bundle.min.css">
<script src="../../js/swiper-bundle.min.js"></script>
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css" />
艺术家修改
2021-09-29 10:39:43 +08:00
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.css"/>
响应式修改
2021-09-28 15:55:13 +08:00
<link rel="stylesheet" type="text/css" href="../../css/huaxiaMedia.css" />
<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>
<script src="../../js/login_cart/login_cart.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
购物车
2021-09-07 17:48:02 +08:00
响应式修改
2021-09-28 15:55:13 +08:00
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
</style>
订单
2021-09-15 17:31:07 +08:00
响应式修改
2021-09-28 15:55:13 +08:00
<body>
<!-- 头部导航 -->
<header class="tyhder_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="dis p-zy320 pod">
<a href="../../index.html"><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>
<div class="zhanw"></div>
<section>
艺术家修改
2021-09-29 10:39:43 +08:00
<div class="whoil ">
更改购物车表格
2021-09-28 18:18:47 +08:00
<div id="myCart" class="whoil-1 backFF cart-box">
响应式修改
2021-09-28 15:55:13 +08:00
<div class="all">全部商品(20)</div>
更改购物车表格
2021-09-28 18:18:47 +08:00
<!-- 表头 -->
<div class="dac font-14 w100 cart-head">
<div class="dac">
<input class="cq-cp allCheck" type="checkbox" name="" onclick="selectAllShopt()" id="allCheck" value="" />
<label for="allCheck" class="m-z10 cq-cp" onclick="selectAllShopt()">全选</label>
</div>
<div>商品</div>
<div>单价</div>
<div>数量</div>
<div>小计</div>
<div>操作</div>
</div>
<!-- 列表内容 -->
艺术家修改
2021-09-29 10:39:43 +08:00
<div class="cart-list">
更改购物车表格
2021-09-28 18:18:47 +08:00
<div class="dis font-14 w100 cart-content">
<div class="djb">
<input class="cq-cp" type="checkbox" name="" id="" value=""/>
艺术家修改
2021-09-29 10:39:43 +08:00
<a href="javascript:;" class="m-z10"><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" /></a>
更改购物车表格
2021-09-28 18:18:47 +08:00
</div>
<div class="djb"><a href="javascript:;" class="clips2" style="color: #525252;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</a><span class="m-z37 font-14" style="color: #525252;">x3</span></div>
<div>￥188.00</div>
<div class="num-box">
<div class="reduce">-</div>
<input type="text" value="3" class="count-input">
<div class="add">+</div>
</div>
<div>￥564.00</div>
<div>删除</div>
</div>
<div class="dis font-14 w100 cart-content">
<div class="djb">
<input class="cq-cp" type="checkbox" name="" id="" value=""/>
艺术家修改
2021-09-29 10:39:43 +08:00
<a href="javascript:;" class="m-z10"><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" /></a>
更改购物车表格
2021-09-28 18:18:47 +08:00
</div>
<div class="djb"><a href="javascript:;" class="clips2" style="color: #525252;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</a><span class="m-z37 font-14" style="color: #525252;">x3</span></div>
<div>￥188.00</div>
<div class="num-box">
<div class="reduce">-</div>
<input type="text" value="3" class="count-input">
<div class="add">+</div>
</div>
<div>￥564.00</div>
<div>删除</div>
</div>
添加
2021-09-28 16:23:41 +08:00
</div>
更改购物车表格
2021-09-28 18:18:47 +08:00
<!-- 结算 -->
响应式修改
2021-09-28 15:55:13 +08:00
<div class="jies-box">
<div>
更改购物车表格
2021-09-28 18:18:47 +08:00
<input type="checkbox" onclick="selectAllShop()" class="chooseAllT" id="ckAll">
<label for="ckAll" onclick="selectAllShop()">全选</label>
<span>删除</span>
响应式修改
2021-09-28 15:55:13 +08:00
</div>
<div>
更改购物车表格
2021-09-28 18:18:47 +08:00
<span>合计：￥<span id="allPrice">0.00</span></span>
<span id="settlementt" class="settlement">结算</span>
响应式修改
2021-09-28 15:55:13 +08:00
</div>
</div>
<!-- 轮播图 -->
<div class="shopCartSwiper swiper-container">
<div class="swiper-text">推荐商品</div>
<div class="swiper-wrapper">
<div class="swiper-slide">
<img width="100%" alt="图片丢失" title="图片一" src="../../img/images/1.png">
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
</div>
<div class="swiper-slide">
<img width="100%" alt="图片丢失" title="图片二" src="../../img/images/2.png">
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
</div>
<div class="swiper-slide">
<img width="100%" alt="图片丢失" title="图片三" src="../../img/images/3.png">
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
</div>
<div class="swiper-slide">
<img width="100%" alt="图片丢失" title="图片四" src="../../img/images/4.png">
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
</div>
<div class="swiper-slide">
<img width="100%" alt="图片丢失" title="图片一" src="../../img/images/1.png">
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
</div>
</div>
<!-- 分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</section>
<script>
// 轮播
$(window).resize(function() { //监听窗口大小的改变
sixSwiper()
})
function sixSwiper() {
let showNum = 4
let spaceBetween = 25 //图片间距
let windowWidth = $(window).width()
if (windowWidth * 1 <= 900) {
showNum = 2
spaceBetween = 10
} else if (windowWidth * 1 <= 1000) {
showNum = 3
spaceBetween = 10
} else if (windowWidth * 1 <= 1200) {
showNum = 3
} else if (windowWidth * 1 <= 1450) {
showNum = 4
spaceBetween = 10
}
let myswiperCar = new Swiper('.shopCartSwiper', {
cssMode: false, //禁止鼠标滑动，切换
loop: true,
slidesPerView: showNum, //显示数量
spaceBetween: spaceBetween, //图片间距
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
// 分页器
pagination: {
el: '.swiper-pagination',
clickable: true, //点击跳转
},
grabCursor: true, //鼠标移入变手
});
// 鼠标移入轮播图范围，执行的函数
// myswiperCar.el.onmouseover = function () {
// myswiperCar.autoplay.stop();
// myswiperCar.navigation.$nextEl.removeClass('hide');
// myswiperCar.navigation.$prevEl.removeClass('hide');
// }
// // 鼠标移出轮播图范围，执行的函数
// myswiperCar.el.onmouseout = function () {
// myswiperCar.autoplay.start();
// myswiperCar.navigation.$nextEl.addClass('hide');
// myswiperCar.navigation.$prevEl.addClass('hide');
// }
}
sixSwiper()
</script>
<!-- 底部导航 -->
<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>
底部调整
2021-09-29 16:29:12 +08:00
<div class="foot-end-box foot-bottom">
响应式修改
2021-09-28 15:55:13 +08:00
<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">
调整购物车
2021-09-18 11:47:36 +08:00
<div>
响应式修改
2021-09-28 15:55:13 +08:00
<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>
个人中心，购物车的调整
2021-09-17 19:37:33 +08:00
</div>
底部调整
2021-09-29 16:29:12 +08:00
<div class="foot-count">
响应式修改
2021-09-28 15:55:13 +08: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>
个人中心，购物车的调整
2021-09-17 19:37:33 +08:00
</div>
</div>
响应式修改
2021-09-28 15:55:13 +08:00
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved.&nbsp;&nbsp;&nbsp;&nbsp蜀ICP备11111111号&nbsp;&nbsp;&nbsp;&nbsp技术支持：全美网络 </div>
</div>
</div>
<!-- 底部固定导航栏 -->
<div class="fixed_foot">
<a class="w100 dac fc" href="../../index.html">
<div><img src="../../img/home.png" width="28" height="26"></div>
<span class="font-22 colf">首页</span>
</a>
<a class="w100 dac fc" href="../artNetwork/shoppingMall.html">
<div><img src="../../img/shop.png" width="28" height="26"></div>
<span class="font-22 colf">商城</span>
</a>
<a class="w100 dac fc" style="background: red;" href="shopcar.html">
<div><img src="../../img/cart.png" width="28" height="26"></div>
<span class="font-22 colf">购物车</span>
</a>
<a class="w100 dac fc" href="../grzx/personalData.html">
<div><img src="../../img/personal.png" width="28" height="26"></div>
<span class="font-22 colf">个人中心</span>
</a>
</div>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>