more-icons.vue 462 B

12345678910111213141516
  1. <template>
  2. <el-rate
  3. v-model="value"
  4. :icons="icons"
  5. :void-icon="ChatRound"
  6. :colors="['#409eff', '#67c23a', '#FF9900']"
  7. />
  8. </template>
  9. <script lang="ts" setup>
  10. import { ref } from 'vue'
  11. import { ChatDotRound, ChatLineRound, ChatRound } from '@element-plus/icons-vue'
  12. const value = ref()
  13. const icons = [ChatRound, ChatLineRound, ChatDotRound] // same as { 2: ChatRound, 4: { value: ChatLineRound, excluded: true }, 5: ChatDotRound }
  14. </script>