RateSlider 评分滑动条

代码演示

基本用法

将成绩分为ABCD四个区间

<template>
  <wl-rate-slider
    v-model:value="value"
    style="width: 500px"
    @change="handleChange"
  />
</template>

<script setup lang="ts">
import { ref } from "vue";
const value = ref([50, 70, 90]);
function handleChange(val) {
  console.log(val);
}
</script>

API

参数	说明	类型	默认值
value(v-model)	当前值	number[]	[50,70,90]
min	最小值	number	0
max	最大值	number	100
flagStops	分段标识	string[]	['D','C','B','A']
colorStops	分段颜色	string[]	['red','orange','blue','green']