302 lines
13 KiB
HTML
302 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head lang="en">
|
||
<meta charset="UTF-8">
|
||
<title>购物车</title>
|
||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||
<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" />
|
||
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.css"/>
|
||
<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);
|
||
}
|
||
|
||
#gotoTop {
|
||
float: right;
|
||
position: relative;
|
||
right: 50px;
|
||
top: -50px;
|
||
}
|
||
</style>
|
||
|
||
<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>
|
||
<div class="whoil ">
|
||
<div id="myCart" class="whoil-1 backFF cart-box">
|
||
<div class="all">全部商品(20)</div>
|
||
<!-- 表头 -->
|
||
<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>
|
||
<!-- 列表内容 -->
|
||
<div class="cart-list">
|
||
<div class="dis font-14 w100 cart-content">
|
||
<div class="djb">
|
||
<input class="cq-cp" type="checkbox" name="" id="" value=""/>
|
||
<a href="javascript:;" class="m-z10"><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" /></a>
|
||
</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=""/>
|
||
<a href="javascript:;" class="m-z10"><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" /></a>
|
||
</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>
|
||
<!-- 结算 -->
|
||
<div class="jies-box">
|
||
<div>
|
||
<input type="checkbox" onclick="selectAllShop()" class="chooseAllT" id="ckAll">
|
||
<label for="ckAll" onclick="selectAllShop()">全选</label>
|
||
<span>删除</span>
|
||
</div>
|
||
<div>
|
||
<span>合计：￥<span id="allPrice">0.00</span></span>
|
||
<span id="settlementt" class="settlement">结算</span>
|
||
</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>
|
||
<div class="foot-end-box foot-bottom">
|
||
<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>
|
||
<div class="foot-count">
|
||
<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.  蜀ICP备11111111号  技术支持：全美网络 </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>
|