评价
v-rating
组件是构建用户界面时,特别却重要的一环。通过评分组件,收集用户的评价,虽然简单,但是可以为你的产品或者应用获取大量的用户评价。
使用
v-rating
组件为收集用户反馈提供了一个简单的界面。
API
组件 | 描述 |
---|---|
v-rating | 主要组件 |
示例
属性
颜色
v-rating
件可以根据您的需要进行着色,您可以设置选定和未选定的颜色。
间距
使用 density 属性来控制 v-rating
项占据的空间。
可清除
通过使用 clearable 属性,点击当前评分值可以重置评分。
只读
对于不打算更改的评分,可以使用 readonly 属性。
悬停效果
当使用 hover 属性时,评分图标在鼠标悬停时将变为实心颜色,并略微增加其大小。
标签文字
v-rating
组件可以在每个项的上方或下方显示标签。
图标
您可以使用自定义图标。
长度
通过修改 length 属性来改变项目的数量。
半增量
half-increments half-increments 属性增加了评分的细粒度,允许包含 .5
值。
尺寸
使用 v-icon
中提供的相同尺寸等级,或提供您自己的 size 属性。
辅助标签
为每个项目提供一个辅助技术的标签。
插槽
项目插槽
插槽提供了高级定制的可能性,并为您提供了更多的自由,可以自定义评分的显示方式。
自定义标签文字插槽
在 item-label 插槽中可以显示任意内容作为标签。
其他
卡片评级
评级组件与产品搭配良好,使你能够收集和显示客户反馈。