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