技術標籤：vuecssvue.jssassless

實現展示的效果圖：

我這邊寫成元件可以參考一下：

用法 ：<star :value="60"></star>

<template>
  <div class="star_box">
    <div class="star_item" v-for="index in 5" :key="index + 'star'">
       <!-- 執行starIndex方法 -->
 

      <img :src="imagePath[starIndex(index)].path" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: Number || String,
      default: "99",
    },
  },
  data() {
    return {
      // 這個命名對應