下载  组件  uni-rate  

在script中引入:

import uniRate from "@/components/uni-rate/uni-rate.vue"
export default {
    components: {uniRate}
}

基本用法 :

<uni-rate value="2"></uni-rate>

自定义星星大小:

<uni-rate size="18" value="5"></uni-rate>

设置评分数:

<uni-rate max="10" value="5"></uni-rate>

不可点击状态:

<uni-rate disabled="true" value="3.5"></uni-rate>

属性说明:

属性名 类型 默认值 说明
value Number 0 当前评分
max Number 5 最大的评分
size Number 24 星星的大小
margin Number 0 星星的间距
color String #ececec 星星的颜色
active-color String #ffca3e 选中状态的星星的颜色
is-fill Boolean true 星星的类型,是否为实心类型
disabled Boolean false 是否为不可点击状态

事件说明:

事件称名 说明 返回参数
change Rate 的 value 改变时触发事件,返回参数为Rate的value {value:Number}

 

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐