diff options
| author | xj9 <xj9@heropunch.io> | 2017-03-08 21:45:40 -0700 |
|---|---|---|
| committer | xj9 <xj9@heropunch.io> | 2017-03-08 21:45:40 -0700 |
| commit | 459fdaf10fcc55248ec2868963edcba51114c877 (patch) | |
| tree | 89a131c0b0c946e8fa4e50dbc57915aeac5e8442 /src/components/favorite_button/favorite_button.vue | |
| parent | ba4f7ef3efe15aaebce523113283b5854d16ceb8 (diff) | |
add a spin animation to favorite and boost actions
Diffstat (limited to 'src/components/favorite_button/favorite_button.vue')
| -rw-r--r-- | src/components/favorite_button/favorite_button.vue | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/components/favorite_button/favorite_button.vue b/src/components/favorite_button/favorite_button.vue index fd53b505..0abece31 100644 --- a/src/components/favorite_button/favorite_button.vue +++ b/src/components/favorite_button/favorite_button.vue @@ -1,6 +1,6 @@ <template> <div> - <i :class='classes' class='favorite-button fa' v-on:click.prevent='favorite()'></i> + <i :class='classes' class='favorite-button fa' @click.prevent='favorite()'/> <span v-if='status.fave_num > 0'>{{status.fave_num}}</span> </div> </template> @@ -10,6 +10,7 @@ <style lang='scss'> .favorite-button { cursor: pointer; + animation-duration: 0.6s; &:hover { color: orange; } @@ -17,4 +18,5 @@ .icon-star { color: orange; } + </style> |