保誠-保戶業務員媒合平台
HelenHuang
2022-01-04 873bb61290fadf81f3ebbe0bab04bb1b0cc82013
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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>