> For the complete documentation index, see [llms.txt](https://vuxjs.gitbook.io/vux/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vuxjs.gitbook.io/vux/biao-dan-zu-jian/rater-ping-fen.md).

# rater 评分

## Props

| 参数           | 说明          | 类型      | 默认值   |
| ------------ | ----------- | ------- | ----- |
| max          | 可选，最高评分值    | Number  | 5     |
| value        | 可选，评分值，双向绑定 | Number  | 0     |
| disabled     | 可选，不可点击     | Boolean | false |
| star         | 可选，评分图标样式   | String  | ★     |
| active-color | 可选，激活颜色     | String  | #fc6  |
| margin       | 可选，图标间距离    | Number  | 2     |
| fontSize     | 可选，图标大小     | Number  | 25    |

### 一般使用

\`\`\` vux components=Rater height=130

&#x20;\</template>

&#x20;div { margin:5px 0; }&#x20;

````
### 不可点击

``` vux components=Rater
<template>
<div>
    <rater :value=4 disabled></rater>
</div>
<div>
    <rater :value=3.5  active-color="#04BE02" disabled></rater>
</div>
</template>
<style>
div {
    margin:5px 0;
}
</style>
````

### 自定义评分图标

\`\`\` vux components=Rater height=100

&#x20;\</template>

&#x20;div { margin:5px 0; }&#x20;

````
### 双向绑定

``` vux components=Rater height=80
<template>
<rater :value.sync="rate"></rater>
<div v-text="'评分:' + rate"></div>
</template>
<script>
export default {
    data: {
        rate:3
    }
}
</script>
````