element-plus/docs/examples/rate/more-icons.vue
2021-12-04 11:20:06 +08:00

25 lines
578 B
Vue

<template>
<el-rate
v-model="value"
:icons="icons"
:void-icon="ChatRound"
:colors="['#409eff', '#67c23a', '#FF9900']"
>
</el-rate>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
import { ChatRound, ChatLineRound, ChatDotRound } from '@element-plus/icons-vue'
export default defineComponent({
setup() {
return {
value: ref(null),
ChatRound,
icons: [ChatRound, ChatLineRound, ChatDotRound], // same as { 2: ChatRound, 4: { value: ChatLineRound, excluded: true }, 5: ChatDotRound }
}
},
})
</script>