1.0.0 • Published 3 years ago
@mas.io/adc-rate v1.0.0
安装
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
1.0.0
3 years ago