书山有路勤为径,学海无涯苦作舟。 知识改变命运,行动创造未来。

rate

<template>
  <div>
      <el-rate
        v-model="value"

        show-text
        text-color="#ff9900"
        :icon-classes="iconClasses"
        void-icon-class="el-icon-s-fold"
        :colors="['#99A9BF', '#F7BA2A', '#FF9900']"
        :texts="texts">
      </el-rate>

  </div>
</template>

<script>
  export default {
    data() {
      return {
        value:null,
        colors: ["#cf0808","#e6a23c","#24be58"],
        iconClasses: ['el-icon-eleme', 'el-icon-platform-eleme', 'el-icon-delete-solid'],
        texts: ["A","B","C","D","E"]
      }

    }
  }
</script>

<style>

</style>