Rate 评分 ​

<template>
  <f-rate v-model="value1" />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value1 = ref(1)
</script>

<template>
  <f-rate v-model="value2" effect-color="red" invalid-color="#eee" />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value2 = ref(2)
</script>

<template>
  <f-rate v-model="value3" text-show :text-arr="['1星', '2星', '3星', '4星', '5星']" />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value3 = ref(4)
</script>

<template>
  <f-rate v-model="value4" :icon="FIconKey" />
</template>

<script lang="ts" setup>
  import { FIconKey } from '@fighting-design/fighting-icon'
  import { ref } from 'vue'

  const value4 = ref(4)
</script>