♻️ 提取剧诗Icon
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
BIN
public/icon/combat/tarot_0.webp
Normal file
|
After Width: | Height: | Size: 836 B |
BIN
public/icon/combat/tarot_1.webp
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="tucr-box">
|
<div class="tucr-box">
|
||||||
<div class="tucr-title">
|
<div class="tucr-title">
|
||||||
<img :src="`/icon/star/combat${getMedalIndex()}.webp`" alt="combat" />
|
<img :src="`/icon/combat/${getIcon()}.webp`" alt="combat" />
|
||||||
<span class="main" v-if="props.round.is_tarot">
|
<span class="main" v-if="props.round.is_tarot">
|
||||||
圣牌挑战·{{ props.round.tarot_serial_no }}
|
圣牌挑战·{{ props.round.tarot_serial_no }}
|
||||||
</span>
|
</span>
|
||||||
@@ -32,9 +32,8 @@ import TucSub from "./tuc-sub.vue";
|
|||||||
type TucRoundProps = { round: TGApp.Game.Combat.RoundData };
|
type TucRoundProps = { round: TGApp.Game.Combat.RoundData };
|
||||||
const props = defineProps<TucRoundProps>();
|
const props = defineProps<TucRoundProps>();
|
||||||
|
|
||||||
function getMedalIndex(): number {
|
function getIcon(): string {
|
||||||
if (!props.round.is_get_medal) return 0;
|
return `${props.round.is_tarot ? "tarot" : "star"}_${props.round.is_get_medal ? "1" : "0"}`;
|
||||||
return props.round.is_tarot ? 2 : 1;
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="css" scoped>
|
<style lang="css" scoped>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<slot name="text">{{ val }}</slot>
|
<slot name="text">{{ val }}</slot>
|
||||||
</div>
|
</div>
|
||||||
<div class="tuct-icons" v-else>
|
<div class="tuct-icons" v-else>
|
||||||
<img v-for="(v, idx) in val" :key="idx" :src="`/icon/star/combat${v}.webp`" :alt="`${v}`" />
|
<img v-for="(v, idx) in val" :key="idx" :src="`/icon/combat/star_${v}.webp`" :alt="`${v}`" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||