rate 评分

解释:评分组件,一般用于对服务的满意度进行评价。

属性说明

属性名类型必填默认值说明

count

Number

5

星星总数

stars

Number

激活星星个数,范围是 0~count ,可以是小数,例如 3.5

activeColor

String

#2772FB

激活星星的颜色

sleepColor

String

#ccc

未激活星星的颜色

starSize

String

24px

星星的大小

tipText

String

stars 分

右侧提示文案,默认为 stars 分

tipTextColor

String

#999

右侧提示文案颜色

hasTipText

Boolean

false

是否显示右侧提示文案

disabled

Boolean

false

是否禁用

isSliding

Boolean

false

是否可以滑动评分

customStar

Boolean

false

是否通过slot自定义星星图标

smt-rate-wrap

String

提供扩展样式类,供开发者自定义组件样式,可通过此 class 改变组件外层样式

smt-star-wrap

String

提供扩展样式类,供开发者自定义组件样式,可通过此 class 改变单个星星的样式

smt-tip-wrap

String

提供扩展样式类,供开发者自定义组件样式,可通过此 class 改变右侧提示文案样式

bindchange

EventHandle

改变评分触发事件,事件详情 {new: ‘当前选择分数’, old: ‘上次选择分数’}

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

代码示例

  • SWAN
  • JS
  • CSS
  • JSON
  1. <smt-rate
  2. stars="{{5}}"
  3. bind:change="change"
  4. ></smt-rate>