Rate 评分

对事物进行等级评估。

基础用法

★★★★★★★★★★

★★★★★

<script setup>
import { ref } from 'vue'
import { DanRate } from '@dandan-ui/ui'

const value = ref(3.5)
</script>

<template>
  <div style="display: flex; flex-direction: column; gap: 12px">
    <DanRate v-model="value" allow-half />
    <DanRate :model-value="4" disabled />
  </div>
</template>

Rate Props

属性	说明	类型	默认值
modelValue / v-model	当前分值	number	0
max	最大分值	number	5
allowHalf	是否允许半选	boolean	false
disabled	只读 / 禁用	boolean	false
voidColor / activeColor	未选 / 选中颜色	string	—

Rate Events

事件	说明	参数
change	分值改变时	(value)