后浪云百度小程序教程:rate 评分
- rate 评分
- 属性说明
- 示例
- 代码示例
- 代码示例
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 |
否 |
改变评分触发事件,事件详情 |
示例
跳转编辑工具
在开发者工具中打开
在 WEB IDE 中打开
扫码体验
代码示例
请使用百度APP扫码
代码示例
- SWAN
- JS
- CSS
- JSON
<smt-rate
stars="{{5}}"
bind:change="change"
></smt-rate>
版权声明:
作者:后浪云
链接:https://www.idc.net/help/185985/
文章版权归作者所有,未经允许请勿转载。
THE END