简介

Rate Score评分组件提供了数字和星星两种评分方式，可用于产品评价、满意度调查等场景。组件支持自定义最大评分值，并在用户点击时提供实时反馈。

使用方法

局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
  "fs-score": "/avaui-sub/score/index"
}

PWC（自定义组件/插件）使用：仅 usingComponents 注册方式使用 avaComponent:// 协议，其他用法与局部引入一致。

"usingComponents": {
  "fs-score": "avaComponent://avaui-sub/score/index"
}

代码演示

基础用法

API

参数

参数	说明	类型	可选值	默认值
type	评分类型	String	number/star	number
max	最大评分值	Number	-	10
value	当前评分值	Number	-	0
readOnly	是否只读，只读状态下不响应点击事件	Boolean	true/false	false

Events

名称	参数	描述
change		评分变化时触发，返回当前评分值

示例代码

数字评分

<score type="number" max="10" value="5" bind:change="onScoreChange"></score>

星星评分

<score type="star" max="5" value="3" bind:change="onScoreChange"></score>

只读评分

<score type="star" max="5" value="4" readOnly="{{true}}"></score>

Page({
  onScoreChange(e) {
    const { value } = e.detail;
    console.log('当前评分：', value);
  }
})

打开预览