Rate 评分

该组件一般用于满意度调查，星型评分的场景。

平台差异说明

基本使用

• 通过count参数设置总共有多少颗星星可选择
• 通过current设置初始化时默认选中的星星数量

<template>
    <u-rate count="count" current="2"></u-rate>
</template>
<script>
    export default {
        data() {
            return {
                count: 4
            }
        }
    }
</script>

自定义样式

• 通过active-color设置选中的星星的颜色
• 通过inactive-color设置未选中时星星的颜色
• 通过gutter设置星星的间距，左右内边距各占gutter的一半

<u-rate active-color="#FA3534" inactive-color="#b2b2b2" gutter="20"></u-rate>

自定义图标

• 通过active-icon设置激活的图标
• 通过inactive-icon设置未激活的图标

这里的使用的图标，只能是uView自带的图标名称，详见Icon 图标

下方示例为使用心形图标替代默认的星星图标：

<u-rate active-icon="heart-fill" inactive-icon="heart"></u-rate>

最少选中的数量

<u-rate min-count="5"></u-rate>

禁用状态

禁用下，无法点击或者滑动选择，但是可以通过current设置默认选中的数量

<u-rate :disabled="true"></u-rate>

API

Props

Events