Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-12 09:18:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 调整数据缺失时的显示

Browse Source
This commit is contained in:
目棃
2024-12-09 12:05:41 +08:00
parent 7fd5292174
commit 702fda94bd
3 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/userCombat/tuc-fight.vue
View File

@@ -3,13 +3,17 @@
<div class="tucfi-label"> <div class="tucfi-label">
<slot name="label">{{ props.label }}</slot> <slot name="label">{{ props.label }}</slot>
</div> </div>
<div v-if="!Array.isArray(props.data)" class="tucfi-data"> <div v-if="props.data === null">
<span class="tucfi-data">暂无数据</span>
</div>
<div v-else-if="!Array.isArray(props.data)" class="tucfi-data">
<TItembox :model-value="getBox()" /> <TItembox :model-value="getBox()" />
</div> </div>
<div class="tucfi-icons" v-else> <div class="tucfi-icons" v-else>
<div v-for="(item, idx) in props.data" :key="idx" class="tucfi-icon"> <div v-for="(item, idx) in props.data" :key="idx" class="tucfi-icon">
<TItembox :model-value="getBox2(item)" /> <TItembox :model-value="getBox2(item)" />
</div> </div>
<div v-if="props.data.length === 0" class="tucfi-data">暂无数据</div>
</div> </div>
</div> </div>
</template> </template>
@@ -18,7 +22,7 @@ import TItembox, { TItemBoxData } from "../app/t-item-box.vue";
interface TucFightProps { interface TucFightProps {
label: string; label: string;
data: TGApp.Game.Combat.AvatarMini | TGApp.Game.Combat.AvatarMini[]; data: TGApp.Game.Combat.AvatarMini | TGApp.Game.Combat.AvatarMini[] | null;
} }
const props = defineProps<TucFightProps>(); const props = defineProps<TucFightProps>();

2
src/pages/User/Combat.vue
View File

@@ -76,7 +76,7 @@
</div> </div>
<TSubLine>统计周期 {{ item.startTime }} ~ {{ item.endTime }}</TSubLine> <TSubLine>统计周期 {{ item.startTime }} ~ {{ item.endTime }}</TSubLine>
<TucOverview :data="item.stat" :fights="item.detail.fight_statisic" /> <TucOverview :data="item.stat" :fights="item.detail.fight_statisic" />
<TSubLine>使用角色</TSubLine> <TSubLine>使用角色({{ item.detail.backup_avatars.length }}名)</TSubLine>
<TucAvatars :model-value="item.detail.backup_avatars" /> <TucAvatars :model-value="item.detail.backup_avatars" />
<TSubLine>详情</TSubLine> <TSubLine>详情</TSubLine>
<div class="ucw-rounds"> <div class="ucw-rounds">

12
src/types/Game/Combat.d.ts vendored
View File

@@ -75,7 +75,7 @@ declare namespace TGApp.Game.Combat {
avatar_id: number; avatar_id: number;
avatar_icon: string; avatar_icon: string;
value: string; value: string;
rarity: number; rarity?: number;
} }
/** /**
@@ -276,7 +276,7 @@ declare namespace TGApp.Game.Combat {
/** /**
* @description 战斗数据 * @description 战斗数据
* @interface FightStatisic * @interface FightStatisic
* @since Beta v0.6.3 * @since Beta v0.6.5
* @property {AvatarMini} max_defeat_avatar 击败最多敌人 * @property {AvatarMini} max_defeat_avatar 击败最多敌人
* @property {AvatarMini} max_damage_avatar 最高伤害输出 * @property {AvatarMini} max_damage_avatar 最高伤害输出
* @property {AvatarMini} max_take_damage_avatar 最高承受伤害 * @property {AvatarMini} max_take_damage_avatar 最高承受伤害
@@ -287,10 +287,10 @@ declare namespace TGApp.Game.Combat {
* @return FightStatisic * @return FightStatisic
*/ */
interface FightStatisic { interface FightStatisic {
max_defeat_avatar: AvatarMini; max_defeat_avatar: AvatarMini | null;
max_damage_avatar: AvatarMini; max_damage_avatar: AvatarMini | null;
max_take_damage_avatar: AvatarMini; max_take_damage_avatar: AvatarMini | null;
total_coin_consumed: AvatarMini; total_coin_consumed: AvatarMini | null;
shortest_avatar_list: Array<AvatarMini>; shortest_avatar_list: Array<AvatarMini>;
total_use_time: number; total_use_time: number;
is_show_battle_stats: boolean; is_show_battle_stats: boolean;