Authored by yyq

头部mini购物车

... ... @@ -46,8 +46,8 @@
</span>
购物袋
</a>
<div class="mini-bag-box sub-wrapper">
<div class="bag-goods bag-empty">
<div class="mini-bag-box sub-wrapper bag-empty">
<div class="bag-goods">
<dl class="mini-goods-list"></dl>
<div class="go-bag-btn">
<a href="{{../siteUrl}}/shopping/cart">去购物车结算</a>
... ... @@ -57,7 +57,7 @@
<p class="cn">您的购物袋暂无商品</p>
<p class="en">
Your shopping bag is empty ,<br>
welcome go to shopping !
welcome to go shopping !
</p>
</div>
</div>
... ...
... ... @@ -5,7 +5,8 @@
*/
var $ = require('yoho-jquery');
var $bagGoodsList = $('.mini-goods-list');
var $miniBag = $('.mini-bag-box'),
$bagGoodsList = $('.mini-goods-list');
var $searchWrap = $('.search-wrapper'),
$searchForm = $('#search-form'),
... ... @@ -57,10 +58,10 @@ function refreshBag() {
if (data.total) {
$bagGoodsList.html(goodsTpl(data));
$bagGoodsList.parent().removeClass('bag-empty');
$miniBag.removeClass('bag-empty');
} else {
$bagGoodsList.empty();
$bagGoodsList.parent().addClass('bag-empty');
$miniBag.addClass('bag-empty');
}
}
... ...
... ... @@ -186,14 +186,17 @@
border-top: 1px solid #ddd;
text-align: center;
}
}
.bag-empty {
.mini-bag-box.bag-empty {
.bag-goods {
display: none;
}
.bag-empty + .bag-content {
.bag-content {
display: block;
}
}
.goods-item {
... ...