个人中心点击背景变化

@@ -4,7 +4,8 @@
  * @date: 2015/11/12
  * @date: 2015/11/12
  */
  */
 var $ = require('jquery');
 var $ = require('jquery');
-var $userAvatar = $('.user-avatar');
+var $userAvatar = $('.user-avatar'),
+    $listItem = $('.list-item');
 var myImage = new Image();
 var myImage = new Image();
 
 
 require('../product/recommend-for-you.js');
 require('../product/recommend-for-you.js');
@@ -12,3 +13,10 @@ myImage.src = $userAvatar.attr('src');
 myImage.onerror = function() {
 myImage.onerror = function() {
     $userAvatar.attr('src', 'http://static.dev.yohobuy.com/img/me/index/user-avatar.png');
     $userAvatar.attr('src', 'http://static.dev.yohobuy.com/img/me/index/user-avatar.png');
 };
 };
+
+$('.yoho-page').on('touchstart', '.list-item, .type-item', function() {
+    $listItem.removeClass('highlight');
+    $(this).addClass('highlight');
+}).on('touchend touchcancel', '.list-item, .type-item', function() {
+    $(this).removeClass('highlight');
+});

@@ -138,6 +138,10 @@
                 font-size: pxToRem(28px);
                 font-size: pxToRem(28px);
                 line-height: 1.5;
                 line-height: 1.5;
                 width: pxToRem(193px);
                 width: pxToRem(193px);
+
+                &.highlight {
+                    background: #eee;
+                }
             }
             }
 
 
             .iconfont {
             .iconfont {
@@ -158,6 +162,11 @@
             padding: 0 pxToRem(30px);
             padding: 0 pxToRem(30px);
             font-size: pxToRem(32px);
             font-size: pxToRem(32px);
             line-height: pxToRem(88px);
             line-height: pxToRem(88px);
+            
+            &.highlight {
+                background: #eee;
+            }
+
             &:after {
             &:after {
                 content: '';
                 content: '';
                 position: absolute;
                 position: absolute;