Rate 评分请使用手机扫码体验

用于快速的评级操作，或对评价进行展示。

基础用法

  1. html
    <nut-rate 
  2.     v-model="val"
  3. >
  4. </nut-rate>

只读

  1. html
    <nut-rate 
  2.     v-model="val"
  3.     :readOnly="true"
  4. >
  5. </nut-rate>

绑定事件

  1. html
    <nut-rate 
  2.     @click="onClick"
  3. >
  4. </nut-rate>

自定义尺寸

  1. html
    <nut-rate 
  2.     :size="35"
  3. >
  4. </nut-rate>

自定义ICON

  1. html
    <nut-rate
  2.     :checkedIcon="icon1"
  3.     :uncheckedIcon="icon2"
  4. ></nut-rate>

Prop

字段说明类型默认值
totalstar 总数Number5
value当前 star 数，可使用 v-model 双向绑定数据Number3
sizestar 大小Number25
spacing两个star的间距Number20
readOnly是否只读Booleanfalse
uncheckedIcon使用图标(未选中)String-
checkedIcon使用图标(选中)String-

Event

字段说明回调参数
click点击star时触发star的index