评分

引入

全局引入，在 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 | 根节点样式类 |