Authored by ccbikai

侧边连优化

... ... @@ -10,6 +10,7 @@ var $ = require('jquery'),
$mobileWrap = $('.mobile-wrap'),
$overlay = $('.overlay'),
$sideNav = $('.side-nav'),
$subNav = $('.sub-nav'),
bannerSwiper,
recommendSwiper,
hotBrandsSwiper,
... ... @@ -77,14 +78,16 @@ $sideNav.on('touchend', 'li', function (e) {
});
//返回一级导航,收起二级导航
$('.sub-nav').each(function () {
$subNav.each(function () {
$(this).find('li').eq(0).on('touchend', function (e) {
$('.sub-nav').removeClass('show');
e.stopPropagation();
return false;
});
}).on('touchend', function() {
$('.sub-nav').find('li').removeClass('current');
}).on('touchend', function(e) {
if (e.currentTarget !== e.target) {
$subNav.find('li').removeClass('current');
}
});
//头部banner轮播
... ...
.side-nav {
display: table-cell;
display: block;
background: #fff;
position: fixed;
top: 0;
bottom: 0;
// left: 0;
right: 640rem / $pxConvertRem;
width: 540rem / $pxConvertRem;
z-index: -1;
... ... @@ -116,8 +117,9 @@
bottom: 0;
top: 0;
left: 0;
width: 100%;
width: 540rem / $pxConvertRem;
background: #fff !important;
overflow: hidden;
@include transform(translateX(540rem / $pxConvertRem));
@include transition(transform 0.3s);
... ...