• Rate 评分组件
    • 使用指南
    • 一般用法
    • 自定义星星大小
    • 自定义评分数
    • 只读
    • 参数
    • 事件

    Rate 评分组件


    评分组件,可自定义评分星星图标的大小、间隔、评分数

    使用指南

    在 Taro 文件中引入组件

    :::demo

    1. import { AtRate } from 'taro-ui'

    :::

    一般用法

    :::demo

    1. <AtRate value={this.state.value} onChange={this.handleChange} />

    :::

    自定义星星大小

    :::demo

    1. <AtRate size='15' value={this.state.value} onChange={this.handleChange} />

    :::

    自定义评分数

    :::demo

    1. <AtRate max={10} value={this.state.value} onChange={this.handleChange} />

    :::

    只读

    :::demo

    1. <AtRate value={3.5} />

    :::

    参数

    参数 说明 类型 可选值 默认值
    value 当前评分 Number - 0
    max 最大评分 Number - 5
    size 评分星星大小 NumberString - 20
    margin 星星间隔,单位根据环境自动转为 rpxrem NumberString - 5

    事件

    事件名称 说明 返回参数
    onChange 输入框值改变时触发的事件 当前值 value