From e7170142f101853b96f86fb093494815838dc9c5 Mon Sep 17 00:00:00 2001
From: ccbikai <ccbikai@qq.com>
Date: Tue, 24 Nov 2015 18:26:00 +0800
Subject: [PATCH] 个人中心点击背景变化
---
static/js/me/index.js | 10 +++++++++-
static/sass/me/_home.scss | 9 +++++++++
2 files changed, 18 insertions(+), 1 deletion(-)
diff --git a/static/js/me/index.js b/static/js/me/index.js
index 4dd9573..7b01139 100644
--- a/static/js/me/index.js
+++ b/static/js/me/index.js
@@ -4,7 +4,8 @@
* @date: 2015/11/12
*/
var $ = require('jquery');
-var $userAvatar = $('.user-avatar');
+var $userAvatar = $('.user-avatar'),
+ $listItem = $('.list-item');
var myImage = new Image();
require('../product/recommend-for-you.js');
@@ -12,3 +13,10 @@ myImage.src = $userAvatar.attr('src');
myImage.onerror = function() {
$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');
+});
diff --git a/static/sass/me/_home.scss b/static/sass/me/_home.scss
index 87e33e9..a9cd9c7 100644
--- a/static/sass/me/_home.scss
+++ b/static/sass/me/_home.scss
@@ -138,6 +138,10 @@
font-size: pxToRem(28px);
line-height: 1.5;
width: pxToRem(193px);
+
+ &.highlight {
+ background: #eee;
+ }
}
.iconfont {
@@ -158,6 +162,11 @@
padding: 0 pxToRem(30px);
font-size: pxToRem(32px);
line-height: pxToRem(88px);
+
+ &.highlight {
+ background: #eee;
+ }
+
&:after {
content: '';
position: absolute;
--
libgit2 0.24.0