32 lines
538 B
Vue
32 lines
538 B
Vue
<template>
|
|
<a :class="{ 'is-warning': is_consume }" @click="toggle_consume_mode">
|
|
<span class="icon"><i class="mdi mdi-fire" :class="icon_style" /></span>
|
|
</a>
|
|
</template>
|
|
|
|
<script>
|
|
import webapi from '@/webapi'
|
|
|
|
export default {
|
|
name: 'PlayerButtonConsume',
|
|
|
|
props: {
|
|
icon_style: String
|
|
},
|
|
|
|
computed: {
|
|
is_consume() {
|
|
return this.$store.state.player.consume
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
toggle_consume_mode: function () {
|
|
webapi.player_consume(!this.is_consume)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style></style>
|