# gg-rate 评分
gg-rate
多用于商品评价打分、服务态度评价、用户满意度等场景，组件名：
gg-rate
在 script 中引用组件
若使用uni-app的
easycom引入方式，则无需在script中重复引用
import ggRate from '@/components/gg-rate/gg-rate.vue'
export default {
components: {ggRate}
}
1
2
3
4
2
3
4
在 template 中使用组件
<gg-rate label="评分" />
1
# 属性说明
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| label | String | - | 标题 |
| labelWidth | Number | 60 | 字段区域宽度，上下排列无效 |
| layout | String | row | 排列方式 ['row','col'] |
| tip | String | - | 字段提示/说明 |
| isFill | Boolean | false | 星星的类型，是否镂空 |
| color | String | #ececec | 星星的颜色 |
| activeColor | String | #ffca3e | 星星选中状态颜色 |
| size | Number | 24 | 星星的大小 |
| value | Number | 1 | 当前评分 |
| max | Number | 5 | 最大评分 |
| margin | Number | 0 | 星星的间距 |
| disabled | Boolean | false | 是否可点击 |