1.0.3 • Published 5 years ago
quark-rate v1.0.3
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 |