pleroma-fe/src/components/favorite_button/favorite_button.vue

22 lines
450 B
Vue

<template>
<div>
<i :class='classes' class='favorite-button base09' @click.prevent='favorite()'/>
<span v-if='status.fave_num > 0'>{{status.fave_num}}</span>
</div>
</template>
<script src="./favorite_button.js" ></script>
<style lang='scss'>
.favorite-button {
cursor: pointer;
animation-duration: 0.6s;
&:hover {
color: orange;
}
}
.favorite-button.icon-star {
color: orange;
}
</style>