Full-featured Vue 評分組件

vue-cute-rate

NPM version
NPM downloads
CircleCI

Rate with star, heart, emoji or anything you like.vue

See the beautiful doc for vue-cute-rate. Powered by kokk 🍹git

Install

yarn add vue-cute-rate --save
複製代碼

CDN: UNPKG | jsDelivr (available as window.rate)github

Usage

<template>
  <star-rate/>
</template>

<script>
import StarRate from 'vue-cute-rate'

export default {
  components: {
    StarRate
  }
}
</script>
複製代碼

API

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 -

License

MIT © luyilinbash

minemine.cc · GitHub @luyilin · Twitter @luyilin12svg

相關文章
相關標籤/搜索