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

22 lines
449 B
Vue
Raw Normal View History

2016-10-30 15:12:35 +00:00
<template>
<div>
<i :class='classes' class='favorite-button fa' v-on:click.prevent='favorite()'></i>
<span v-if='status.fave_num > 0'>{{status.fave_num}}</span>
</div>
</template>
<script src="./favorite_button.js" ></script>
<style lang='scss'>
@import '../../_variables.scss';
.favorite-button {
cursor: pointer;
&:hover {
color: $main-color;
}
}
.icon-star {
color: $main-color;
}
2016-10-30 15:12:35 +00:00
</style>