Rate with star, heart, emoji or anything you like.vue
See the beautiful doc for vue-cute-rate. Powered by kokk 🍹git
yarn add vue-cute-rate --save
複製代碼
CDN: UNPKG | jsDelivr (available as window.rate
)github
<template>
<star-rate/>
</template>
<script>
import StarRate from 'vue-cute-rate'
export default {
components: {
StarRate
}
}
</script>
複製代碼
See the doc for details.npm
Property | Description | type | Default |
---|---|---|---|
count | star count | number | 5 |
value | current value | number | 0 |
star-half | whether to allow semi selection | boolean | false |
disabled | read only, unable to interact | boolean | false |
allow-clear | whether to allow clear when click again | boolean | true |
type | there are 3 cute types of iconfont by default, star star1 and heart | string | star |
hover-change | Support set hover-change to change value when hover | boolean | false |
active-color | color of the active values | string | #fadb14 |
inactive-color | color of the inactive values | string | #e9e9e9 |
hover-color | color when hover a value | string | same as activeColor by default |
inactive-char | the inactive character, especially needed when you use some characters like image which cannot be controled by color | string | - |
MIT © luyilinbash
minemine.cc · GitHub @luyilin · Twitter @luyilin12svg