Authored by 毕凯

code review by liangzhifeng

... ... @@ -13,7 +13,8 @@ var goodsSwiper,
$discountArrow = $('.goodsDiscount .first-item span');
var goodsDiscountEl = document.getElementById('goodsDiscount'),
goodsDiscountHammer = goodsDiscountEl && new Hammer(goodsDiscountEl);
goodsDiscountHammer = goodsDiscountEl && new Hammer(goodsDiscountEl),
$discountFirstItem = $(goodsDiscountEl).find('.first-item');
var $cart = $('.cart-bar');
... ... @@ -62,9 +63,11 @@ if (0 === $discountFolder.children().length) {
if (goodsDiscountHammer && $discountFolder.children().length > 0) {
goodsDiscountHammer.on('tap', function(e) {
if ($discountFolder.is(':hidden')) {
$discountFirstItem.removeClass('short-text');
$discountArrow.removeClass('icon-down').addClass('icon-up').html('');
$discountFolder.slideDown();
} else {
$discountFirstItem.addClass('short-text');
$discountArrow.removeClass('icon-up').addClass('icon-down').html('');
$discountFolder.slideUp();
}
... ...
... ... @@ -353,11 +353,15 @@ $basicBtnC:#eb0313;
position: relative;
padding: pxToRem(30px) pxToRem(60px) pxToRem(30px) pxToRem(28px);
line-height: pxToRem(36px);
// line-height: pxToRem(88px);
}
.short-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
// line-height: pxToRem(88px);
}
.iconfont {
position: absolute;
top: pxToRem(30px);
... ...
... ... @@ -68,7 +68,7 @@
{{# list}}
{{#if @first}}
{{#if text}}
<h1 class="first-item">{{text}}<span class="icon-down iconfont dropdown">&#xe609;</span></h1>
<h1 class="first-item short-text">{{text}}<span class="icon-down iconfont dropdown">&#xe609;</span></h1>
{{/if}}
{{/if}}
{{/ list}}
... ...