更改购物车表格
parent
651eac1471
commit
b8e580b8b0
|
|
@ -5969,3 +5969,27 @@ ul {
|
|||
.tyAboutUs_lxwx img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 购物车 */
|
||||
.cart-head{color: #333333;text-align: center;font-weight: bold;background: #f3f3f3;padding: 22px 0px 16px 0px;border: 1px solid #e0e0e0;box-sizing: border-box;}
|
||||
.cart-content>div:nth-child(1),.cart-head div:first-child{width: 12%;padding-left: 20px;box-sizing: border-box;}
|
||||
.cart-head div:nth-of-type(2){width: 42%;text-align: left;padding-left: 20px;}
|
||||
.cart-head div:nth-of-type(3){width: 12%;}
|
||||
.cart-head div:nth-of-type(4){width: 12%;}
|
||||
.cart-head div:nth-of-type(5){width: 11%;}
|
||||
.cart-head div:nth-of-type(6){width: 11%;}
|
||||
|
||||
.cart-content{color: #333333;text-align: center;margin-top: 20px;border: 1px solid #e0e0e0;box-sizing: border-box;padding: 20px 0;}
|
||||
.cart-content>div:nth-child(2){width: 42%;text-align: left;padding-left: 20px;padding-top: 10px;}
|
||||
.cart-content>div:nth-child(2) a{font-size: 15px;height: 50px;line-height: 24px;}
|
||||
.cart-content>div:nth-child(3){width: 12%;padding-top: 10px;font-size: 14px;font-weight: bold;color: #222222;}
|
||||
.cart-content>div:nth-child(5){width: 11%;padding-top: 10px;font-size: 14px;font-weight: bold;color: #CB1919;}
|
||||
.cart-content>div:nth-child(6){width: 11%;padding-top: 10px;}
|
||||
.num-box{width: 12%;padding-top: 10px;display: flex;justify-content: center;}
|
||||
.cart-content>div:nth-child(1) input{width: 15px;height: 15px;}
|
||||
.cart-content img{max-width: 83px;max-height: 83px;float: left;}
|
||||
|
||||
.jies-box>div:first-child label{margin-left: -2px;cursor: pointer;}
|
||||
.jies-box>div:first-child span{margin-left: 20px;cursor: pointer;color: #222222;font-size: 14px;}
|
||||
.jies-box>div:last-child span span{font-size: 20px;font-weight: bold;color: #CB1919;}
|
||||
.jies-box .settlement{height: 50px;background: #CB1919;color: #FFFFFF;display: inline-block;width: 130px;text-align: center;font-size: 18px;margin-left: 10px;cursor: pointer;}
|
||||
|
|
@ -362,25 +362,11 @@ section .whole .whole-1 .payment .order .oderhome a {
|
|||
.zhanw{height: 30px;width: 100%;background: #f5f5f5;}
|
||||
.padding-zy320{padding: 0 320px;}
|
||||
.backFF{background: #FFFFFF;}
|
||||
.table-cbox{border-collapse: separate;border-spacing: 0px 17px;margin-top: -17px;}
|
||||
.table-cbox thead tr th:nth-child(1){text-align: left;width: 110px;}
|
||||
.table-cbox thead tr th:nth-child(2){text-align: left;width: 430px;}
|
||||
.table-cbox thead tr th:nth-child(5){width: 110px;}
|
||||
|
||||
|
||||
.table-cbox tbody tr td:nth-child(1){width: 130px;}
|
||||
.table-cbox tbody tr td:nth-child(1) div{display: flex;}
|
||||
.table-cbox tbody tr td:nth-child(1) div input{width: 15px;height: 15px;margin-right: 20px;}
|
||||
.table-cbox tbody tr td:nth-child(2){font-size: 15px;color: #525252;width: 430px;}
|
||||
.table-cbox tbody tr td:nth-child(2) div{width: 430px;}
|
||||
.table-cbox tbody tr td:nth-child(3){font-size: 15px;color: #525252;}
|
||||
.table-cbox tbody tr td:nth-child(4){font-size: 14px;font-weight: bold;color: #222222;}
|
||||
.table-cbox tbody tr td:nth-child(5)>div{display: flex;align-items: center;justify-content: center;}
|
||||
.add,.reduce{width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;}
|
||||
.count-input{width: 39px;height: 25px;display: inline-block;text-align: center;border: 1px solid #aaaaaa;padding-left: 0px!important;}
|
||||
.table-cbox tbody tr td:nth-child(6){font-size: 14px;font-weight: bold;color: #CB1919;}
|
||||
.table-cbox tbody tr td:nth-child(7){font-size: 14px;color: #222222;}
|
||||
|
||||
.jies-box{height: 50px;background: #f3f3f3;line-height: 50px;display: flex;justify-content: space-between;font-size: 14px;color: #333333;}
|
||||
.jies-box{height: 50px;background: #f3f3f3;line-height: 50px;display: flex;justify-content: space-between;font-size: 14px;color: #333333;margin-top: 20px;}
|
||||
.jies-box>div:first-child{padding-left: 10px;}
|
||||
.jies-box>div:first-child input{cursor: pointer;"}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxiaMedia.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.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>
|
||||
|
|
@ -70,80 +70,63 @@
|
|||
<div class="zhanw"></div>
|
||||
<section>
|
||||
<div class="whoil padding-zy320">
|
||||
<div class="whoil-1 backFF">
|
||||
<div id="myCart" class="whoil-1 backFF cart-box">
|
||||
<div class="all">全部商品(20)</div>
|
||||
<!-- 选择 -->
|
||||
<div>
|
||||
<div></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>
|
||||
<table class="table-cbox" border="0" cellspacing="0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="ckAll">全选</th>
|
||||
<th>商品</th>
|
||||
<th></th>
|
||||
<th>单价</th>
|
||||
<th>数量</th>
|
||||
<th>小计</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="inline" valign="top">
|
||||
<td>
|
||||
<div>
|
||||
<input type="checkbox" name="ck">
|
||||
<img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" />
|
||||
<div>商品</div>
|
||||
<div>单价</div>
|
||||
<div>数量</div>
|
||||
<div>小计</div>
|
||||
<div>操作</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</div>
|
||||
</td>
|
||||
<td><span>x3</span></td>
|
||||
<td>￥188.00</td>
|
||||
<td>
|
||||
<!-- 列表内容 -->
|
||||
<div>
|
||||
<div class="dis font-14 w100 cart-content">
|
||||
<div class="djb">
|
||||
<input class="cq-cp" type="checkbox" name="" id="" value=""/>
|
||||
<a href="javascript:;"><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>
|
||||
</td>
|
||||
<td>￥564.00</td>
|
||||
<td class="delete">删除</td>
|
||||
</tr>
|
||||
<tr class="inline" valign="top">
|
||||
<td>
|
||||
<div>
|
||||
<input type="checkbox" name="ck">
|
||||
<img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" />
|
||||
<div>￥564.00</div>
|
||||
<div>删除</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</div>
|
||||
</td>
|
||||
<td><span>x3</span></td>
|
||||
<td>￥188.00</td>
|
||||
<td>
|
||||
<div>
|
||||
<div class="dis font-14 w100 cart-content">
|
||||
<div class="djb">
|
||||
<input class="cq-cp" type="checkbox" name="" id="" value=""/>
|
||||
<a href="javascript:;"><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>
|
||||
</td>
|
||||
<td>￥564.00</td>
|
||||
<td class="delete">删除</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div>￥564.00</div>
|
||||
<div>删除</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 结算 -->
|
||||
<div class="jies-box">
|
||||
<div>
|
||||
<input type="checkbox" id="ckAll">
|
||||
<span style="margin-left: -2px;cursor: pointer;">全选</span>
|
||||
<span style="margin-left: 20px;cursor: pointer;">删除</span>
|
||||
<input type="checkbox" onclick="selectAllShop()" class="chooseAllT" id="ckAll">
|
||||
<label for="ckAll" onclick="selectAllShop()">全选</label>
|
||||
<span>删除</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>合计：￥<span style="font-size: 20px;font-weight: bold;color: #CB1919;" id="allPrice">0.00</span></span>
|
||||
<span id="settlementt" class="settlement" style="height: 50px;background: #CB1919;color: #FFFFFF;display: inline-block;width: 130px;text-align: center;font-size: 18px;margin-left: 10px;cursor: pointer;">结算</span>
|
||||
<span>合计：￥<span id="allPrice">0.00</span></span>
|
||||
<span id="settlementt" class="settlement">结算</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 轮播图 -->
|
||||
|
|
|
|||
|
|
@ -607,7 +607,6 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<!-- <iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe> -->
|
||||
<div class="foot-nav-box">
|
||||
<!-- 导航文字 -->
|
||||
<div class="foot-box-nav">
|
||||
|
|
|
|||
|
|
@ -244,6 +244,20 @@ $(function(){
|
|||
}
|
||||
})
|
||||
})
|
||||
function selectAllShop(){//推荐作品全选，全不选事件
|
||||
var isCheck = $('.chooseAllT').is(':checked')
|
||||
console.log(isCheck);
|
||||
$("#myCart input[type='checkbox']").each(function(){
|
||||
this.checked = isCheck
|
||||
})
|
||||
}
|
||||
function selectAllShopt(){//推荐作品全选，全不选事件
|
||||
var isCheck = $('.allCheck').is(':checked')
|
||||
console.log(isCheck);
|
||||
$("#myCart input[type='checkbox']").each(function(){
|
||||
this.checked = isCheck
|
||||
})
|
||||
}
|
||||
function dateDao(){
|
||||
if(allTime==60){
|
||||
allTime = 59
|
||||
|
|
|
|||
Loading…
Reference in New Issue