插件名称 | vue-dynamic-star-rating |
---|---|
发布时间 | 2021年2月24日 |
插件作者 | JonathanDn |
受Google Play启发的动态星级Vue组件。
# NPM
$ npm i vue-dynamic-star-rating
1.导入并注册星级评定组件。
import StarRating from 'vue-dynamic-star-rating'
Vue.component('star-rating', StarRating);
// OR
components: {
StarRating
}
2.将星级评定组件添加到应用程序。
<stars-rating v-bind="config"></stars-rating>
export default {
name: "App",
components: {
starsRating: starsRating
},
data() {
return {
config: {
rating: 4.7,
isIndicatorActive: true,
starStyle: {
fullStarColor: "#ed8a19",
emptyStarColor: "#737373",
starWidth: 100,
starHeight: 100
}
}
};
},
computed: {},
methods: {},
created() {}
};