0.0.22 • Published 3 years ago
@retailwe/ui-rate v0.0.22
评分
引入
全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。
// app.json 或 index.json
{
"usingComponents": {
"wr-rate": "@retailwe/ui-rate/index"
}
}基本用法
<rate bind:onChange="onChange"></rate>值设置
stars 数组中五个元素，每个代表一颗星，0 为空，1 为半星，2 为全星
<rate stars="{{[2,2,2,1,0]}}" disabled="{{true}}"></rate>rate Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| i-class | 自定义 class 类名 | string | - | - |
| count | star 总数 | number | 默认 5 个 | - |
| size | star 图标大小 | number | 24 | - |
| disabled | 不允许修改 | bolean | * | false |
| half | 是否存在个 半个星星 | boolean | false | |
| stars | [] | 0 未选中 1 选中半个星星 2 整个星星 | - | - |
| star-icon-cls | 自定义icon | string | - xingxing | - |
| image-icon | 是否启用图片 icon | boolean | - false | - |
| star-half | imageIcon 设置 true 后，可替换半星图片 | string | - | - |
| star-on | imageIcon 设置 true 后，可替换整个星图片 | string | - | - |
| star-off | imageIcon 设置 true 后，可替换空星图片 | string | - | - |
rate Event
| 事件名 | 说明 | 参数 |
|---|---|---|
| change | 点击 star 组件时触发 | - |
rate 外部样式类
| 类名 | 说明 |
|---|---|
| wr-class | 根节点样式类 |