Rate 评分

评分组件,组件名:uni-rate,代码块: uRate。

使用方式:

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}

Tips

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问