applet/components/rate/rate.vue

<template>
  <view class="box">
    <image v-for="v in value" :key="'a'+v" :style="{width:size+'px',height:size+'px'}" :src="$handleImageUrl('/common/light-start.png')" mode=""></image>
    <image v-for="k in (5-value)" :key="k" :style="{width:size+'px',height:size+'px'}" :src="$handleImageUrl('/common/start.png')" mode=""></image>
  </view>
</template>

<script>
export default {
  data () {
    return {
      nowArr: []
    }
  },
  props: {
    size: {
      type: [Number, String],
      default: 15
    },
    value: {
      type: [Number, String],
      default: 4
    }
  },
  watch: {
  },
}
</script>

<style lang="scss">
.box {
  image {
    margin-right: 10rpx;
  }
}
</style>