quark-rate
v1.0.3
Published
一种基于vue技术的评分组件
Downloads
3
Readme
Rate 评分
用于快速的评级操作,或对评价进行展示。
基础用法
<quark-rate
v-model="val"
>
</quark-rate>
只读
<quark-rate
v-model="val"
:readOnly="true"
>
</quark-rate>
绑定事件
<quark-rate
@click="onClick"
>
</quark-rate>
自定义尺寸
<quark-rate
:size="35"
>
</quark-rate>
自定义ICON
<quark-rate
:checkedIcon="icon1"
:uncheckedIcon="icon2"
></quark-rate>
Prop
| 字段 | 说明 | 类型 | 默认值 | ----- | ----- | ----- | ----- | total | star 总数 | Number | 5 | value | 当前 star 数,可使用 v-model 双向绑定数据 | Number | 3 | size | star 大小 | Number | 25 | spacing | 两个star的间距 | Number | 20 | readOnly | 是否只读 | Boolean | false | uncheckedIcon | 使用图标(未选中) | String | - | checkedIcon | 使用图标(选中) | String | -
Event
| 字段 | 说明 | 回调参数 |----- | ----- | ----- | click | 点击star时触发 | star的index