用于评分或打星的组件。
基本使用
评分组件基本用法。
html
<iui-rate v-model="value"></iui-rate><iui-rate v-model="value"></iui-rate>图标尺寸
可以通过 size 属性设置图标的尺寸。默认值为 24。
html
<iui-rate :size="36"></iui-rate><iui-rate :size="36"></iui-rate>任意长度
可以通过 count 属性设置评分的长度。默认值为 5。
html
<iui-rate :count="7"></iui-rate><iui-rate :count="7"></iui-rate>图标颜色
可以通过 color 属性设置图标的颜色。normalColor 属性可以设置未激活图标的颜色。
html
<iui-rate color="#165DFF" normalColor="gray"></iui-rate><iui-rate color="#165DFF" normalColor="gray"></iui-rate>自定以分值
可以通过 score 属性设置评分的分值。默认值为 1。
html
<!-- 一共五颗星 每颗二十分 -->
<iui-rate :count="5" :score="20"></iui-rate><!-- 一共五颗星 每颗二十分 -->
<iui-rate :count="5" :score="20"></iui-rate>API
<Rate>props<Rate>events