Authored by ccbikai

筛选子条目背景色

@@ -24,6 +24,18 @@ function showFilter() { @@ -24,6 +24,18 @@ function showFilter() {
24 $filter.removeClass('hide'); 24 $filter.removeClass('hide');
25 } 25 }
26 26
  27 +// 子菜单点击时背景高亮
  28 +function highlightSubItem() {
  29 + var $subItem = $('.filter-body .sub-item');
  30 +
  31 + $subItem.on('touchstart', function() {
  32 + $subItem.removeClass('highlight');
  33 + $(this).addClass('highlight');
  34 + }).on('touchend touchcancel', function() {
  35 + $(this).removeClass('highlight');
  36 + });
  37 +}
  38 +
27 //主筛选项Tap事件句柄 39 //主筛选项Tap事件句柄
28 function classifyTapEvt($this) { 40 function classifyTapEvt($this) {
29 if ($this.hasClass('active')) { 41 if ($this.hasClass('active')) {
@@ -95,7 +107,7 @@ function initFilter(opt) { @@ -95,7 +107,7 @@ function initFilter(opt) {
95 hCbFn = opt.hCbFn; 107 hCbFn = opt.hCbFn;
96 108
97 missStatus = opt.missStatus; 109 missStatus = opt.missStatus;
98 - 110 + highlightSubItem();
99 111
100 $filter = $('.filter-mask'); 112 $filter = $('.filter-mask');
101 113
@@ -131,6 +143,7 @@ function initFilter(opt) { @@ -131,6 +143,7 @@ function initFilter(opt) {
131 } 143 }
132 } 144 }
133 }); 145 });
  146 +
134 } 147 }
135 148
136 //重置筛选面板 149 //重置筛选面板
@@ -59,7 +59,6 @@ @@ -59,7 +59,6 @@
59 display: none; 59 display: none;
60 width: 50%; 60 width: 50%;
61 height: 440px; 61 height: 440px;
62 - padding-left: 15px;  
63 left: 50%; 62 left: 50%;
64 top: 0; 63 top: 0;
65 overflow: auto; 64 overflow: auto;
@@ -67,10 +66,15 @@ @@ -67,10 +66,15 @@
67 > li { 66 > li {
68 height: 60px; 67 height: 60px;
69 line-height: 60px; 68 line-height: 60px;
  69 + padding-left: 15px;
70 border-bottom: 1px solid #e6e6e6; 70 border-bottom: 1px solid #e6e6e6;
71 overflow: hidden; 71 overflow: hidden;
72 white-space: nowrap; 72 white-space: nowrap;
73 text-overflow: ellipsis; 73 text-overflow: ellipsis;
  74 +
  75 + &.highlight {
  76 + background: #eee;
  77 + }
74 } 78 }
75 79
76 .chosed-icon { 80 .chosed-icon {