保誠-保戶業務員媒合平台
HelenHuang
2021-12-06 20b87b7eab9c600e2445548c4306ea1b8b37b275
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<template>
    <span>
        <template v-if="score === 5">★★★★★</template>
        <template v-else-if="score === 4">★★★★</template>
        <template v-else-if="score === 3">★★★</template>
        <template v-else-if="score === 2">★★</template>
        <template v-else-if="score === 1">★</template>
        <template v-else>--</template>
    </span>
</template>
 
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
 
@Component
export default class UiReviewScore extends Vue {
    @Prop() score!: number;
}
</script>