安装

tnpm install --save @alipay/adc-rate

组件介绍

评分组件，进行评级操作，可自定义组件ICON（自定义范围在am-icon内）。

参数说明

属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 --|:--:|:--:|:--:|:--: | :-: customIcon | 否 | string | 自定义图标, 默认为星星(仅支持am-icon的图标) | star_ | star_ color | 否 | string | 未选中时的颜色 | #ddd | #000 activeColor | 否 | string | 选中时的颜色 | #ee0a24 | #000 disabledColor | 否 | string | 禁用时的颜色 | #c8c9cc | #000 size | 否 | number | 图标大小 | 24 | 14 value | 否 | number | 当前评分值 | 1 | 4 max | 否 | number | 最大评分 | 5 | 4 gutter | 否 | number | 图标的间距 | 0 | 4 disabled | 否 | Boolean | 是否禁用评分 | false | true readonly | 否 | Boolean | 是否为只读状态 | false | true allowHalf | 否 | Boolean | 是否允许半选 | false | true onChange | 否 | Function | 当评分组件value值改变是触发 | null | ()=>{}

在小程序中使用

{
  "usingComponents": {
    "mas-adc-rate": "@alipay/adc-rate/es/index"
  }
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
<adc-rate></adc-rate>

Badges

[![install size][install-size-image]][install-size-url]