add a spin animation to favorite and boost actions
This commit is contained in:
parent
ba4f7ef3ef
commit
459fdaf10f
4 changed files with 28 additions and 5 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue