## rater(id, options)
评分组件
| 参数 | 类型 | 描述 |
| --- | --- | --- |
| id | string | 唯一标识 |
| options | object | 配置项 |
| options.max | number | 最大值 |
| options.star | string | 图标 |
| options.value | number | 默认值 |
| options.activeColor | string | 图标激活的颜色 |
| options.margin | number | 图标外边距 |
| options.fontSize | number | 图标大小 |
| options.disabled | boolean | 禁用点击 |
| options.text | array | 设置提示文字 |
| options.text[].className | string | 提示的类 |
| options.text[].text | string | 提示的文字 |
| options.text[].color | string | 提示的文字颜色 |
| options.defaultTextColor | string | 设置提示的默认文字颜色 |
| options.callback | function | 点击事件的回调函数 |
**Example**
```html
Rater
评分组件
Normal Usage
set default score = 5
change color
disabled = true
Your history score
Decimal score 3.7
custom font-size(15px)
custom star
Loving
Sunshine
Smilies
show text
Star
Star
Star
set callback
How embarrass
update value
Very good
repeat
{{ item.text }}
```
```js
import { $wuxRater } from '../../components/wux'
Page({
data: {
items: [{
id: '001',
text: 'Face',
value: 1,
},
{
id: '002',
text: 'Eye',
value: 2,
},
],
},
onLoad() {
$wuxRater.init('star', {
value: 5,
})
$wuxRater.init('changeColor', {
value: 3,
activeColor: '#04BE02',
})
$wuxRater.init('history', {
value: 3,
disabled: !0,
})
$wuxRater.init('decimal', {
value: 3.7,
disabled: !0,
})
$wuxRater.init('custom', {
value: 3,
fontSize: 15,
disabled: !0,
})
$wuxRater.init('loving', {
value: 3,
margin: 15,
star: '♡',
})
$wuxRater.init('sunshine', {
value: 3,
margin: 15,
star: '☼',
})
$wuxRater.init('smilies', {
value: 3,
margin: 15,
star: '☻',
})
$wuxRater.init('text1', {
value: 3,
star: '✩',
text: ['一星', '二星', '三星', '四星', '五星'],
})
$wuxRater.init('text2', {
value: 3,
star: '✩',
text: [1, 2, 3, 4, 5],
defaultTextColor: '#f5a623',
})
$wuxRater.init('text3', {
value: 3,
star: '✩',
text: [{
text: '非常差',
color: 'red',
},
{
text: '很差',
color: 'red',
},
{
text: '一般',
color: 'blue',
},
{
text: '很好',
color: 'green',
},
{
text: '非常好',
color: 'orange',
},
],
callback(value, data, text) {
console.log(value, data, text)
}
})
$wuxRater.init('embarrass', {
value: 3,
star: '囧',
callback(value, data, text) {
console.log(value, data, text)
}
})
this.good = $wuxRater.init('good', {
star: '屌',
callback(value, data, text) {
this.setData({
slider: value
})
}
})
this.data.items.forEach(n => $wuxRater.init(n.id, {
value: n.value,
}))
},
sliderChange(e) {
this.good.update(e.detail.value)
},
})
```