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 | 否 | 改变评分触发事件,事件详情 |
示例
跳转编辑工具
扫码体验
代码示例
请使用百度APP扫码
代码示例
- SWAN
- JS
- CSS
- JSON
<smt-rate
stars="{{5}}"
bind:change="change"
></smt-rate>