Dev: Touch visual effects

This commit is contained in:
surunzi
2016-05-29 09:43:19 +08:00
parent 166c792c20
commit e1a00e1af9
24 changed files with 192 additions and 71 deletions

View File

@@ -19,7 +19,7 @@ export default class NavBar extends util.Emitter
add(name)
{
this._len++;
this._$ul.prepend(`<li class="${name}">${name}</li>`);
this._$ul.prepend(`<li class="${name}" ontouchstart>${name}</li>`);
this._resetWidth();
}
remove(name)

View File

@@ -23,9 +23,11 @@ $item-width: 69px;
font-size: $font-size-s;
text-align: center;
text-transform: capitalize;
transition: all $anim-duration;
transition: background $anim-duration;
&:active {
background: $blue-dark;
}
&.active {
color: #fff;
background: $blue-light;
}
}