Authored by ccbikai

筛选子条目背景色

... ... @@ -24,6 +24,18 @@ function showFilter() {
$filter.removeClass('hide');
}
// 子菜单点击时背景高亮
function highlightSubItem() {
var $subItem = $('.filter-body .sub-item');
$subItem.on('touchstart', function() {
$subItem.removeClass('highlight');
$(this).addClass('highlight');
}).on('touchend touchcancel', function() {
$(this).removeClass('highlight');
});
}
//主筛选项Tap事件句柄
function classifyTapEvt($this) {
if ($this.hasClass('active')) {
... ... @@ -95,7 +107,7 @@ function initFilter(opt) {
hCbFn = opt.hCbFn;
missStatus = opt.missStatus;
highlightSubItem();
$filter = $('.filter-mask');
... ... @@ -131,6 +143,7 @@ function initFilter(opt) {
}
}
});
}
//重置筛选面板
... ...
... ... @@ -59,7 +59,6 @@
display: none;
width: 50%;
height: 440px;
padding-left: 15px;
left: 50%;
top: 0;
overflow: auto;
... ... @@ -67,10 +66,15 @@
> li {
height: 60px;
line-height: 60px;
padding-left: 15px;
border-bottom: 1px solid #e6e6e6;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
&.highlight {
background: #eee;
}
}
.chosed-icon {
... ...