mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-05-17 04:46:46 +08:00
♻️ 调整目录结构
This commit is contained in:
@@ -1,18 +1,46 @@
|
||||
<template>
|
||||
<div v-if="props.modelValue.length === 0">暂无数据</div>
|
||||
<div v-else class="tur-ag-box">
|
||||
<TibUrAvatar v-for="avatar in props.modelValue" :key="avatar.id" :model-value="avatar" />
|
||||
<TItembox
|
||||
v-for="avatar in props.modelValue"
|
||||
:key="avatar.id"
|
||||
:model-value="getBoxData(avatar)"
|
||||
:title="getTitle(avatar)"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import TibUrAvatar from "../itembox/tib-ur-avatar.vue";
|
||||
import TItembox, { TItemBoxData } from "../app/t-item-box.vue";
|
||||
|
||||
interface TurAvatarGridProps {
|
||||
modelValue: TGApp.Sqlite.Record.Avatar[];
|
||||
}
|
||||
|
||||
const props = defineProps<TurAvatarGridProps>();
|
||||
|
||||
function getBoxData(avatar: TGApp.Sqlite.Record.Avatar): TItemBoxData {
|
||||
let name = avatar.name;
|
||||
if (avatar.id === 10000005) name = "旅行者-空";
|
||||
if (avatar.id === 10000007) name = "旅行者-荧";
|
||||
return {
|
||||
size: "80px",
|
||||
height: "80px",
|
||||
ltSize: "20px",
|
||||
clickable: false,
|
||||
bg: `/icon/bg/${avatar.star}-Star.webp`,
|
||||
icon: `/WIKI/character/${avatar.id}.webp`,
|
||||
lt: `/icon/element/${avatar.element}元素.webp`,
|
||||
rt: avatar.constellation.toString() || "0",
|
||||
rtSize: "20px",
|
||||
innerText: name,
|
||||
innerHeight: 20,
|
||||
display: "inner",
|
||||
};
|
||||
}
|
||||
|
||||
function getTitle(avatar: TGApp.Sqlite.Record.Avatar): string {
|
||||
return `等级:${avatar.level}\n好感:${avatar.fetter}\n角色ID:${avatar.id}`;
|
||||
}
|
||||
</script>
|
||||
<style lang="css" scoped>
|
||||
.tur-ag-box {
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<template>
|
||||
<div
|
||||
class="tur-hs-box"
|
||||
:style="{
|
||||
backgroundImage: 'url(' + getUrl.bg + ')',
|
||||
backgroundSize: 'cover',
|
||||
}"
|
||||
class="tur-hs-box"
|
||||
>
|
||||
<div class="tur-hs-name">
|
||||
{{ data.name }}
|
||||
|
||||
@@ -3,83 +3,83 @@
|
||||
<div v-else>
|
||||
<div class="tur-og-box-3">
|
||||
<TurOverviewSub
|
||||
title="活跃天数"
|
||||
:text="props.modelValue.activeDays"
|
||||
icon="/source/UI/userRecord.webp"
|
||||
title="活跃天数"
|
||||
/>
|
||||
<TurOverviewSub
|
||||
title="深境螺旋"
|
||||
:text="props.modelValue.sprialAbyss"
|
||||
icon="/source/UI/userAbyss.webp"
|
||||
title="深境螺旋"
|
||||
/>
|
||||
<TurOverviewSub
|
||||
title="幻想真境剧诗"
|
||||
:text="props.modelValue.combatRole"
|
||||
icon="/icon/material/201.webp"
|
||||
title="幻想真境剧诗"
|
||||
/>
|
||||
</div>
|
||||
<div class="tur-og-box">
|
||||
<TurOverviewSub
|
||||
title="获得角色数"
|
||||
:text="props.modelValue.avatarNumber"
|
||||
icon="/source/UI/userAvatar.webp"
|
||||
title="获得角色数"
|
||||
/>
|
||||
<TurOverviewSub
|
||||
title="满好感角色数"
|
||||
:text="props.modelValue.avatarFetter"
|
||||
icon="/icon/material/105.webp"
|
||||
title="满好感角色数"
|
||||
/>
|
||||
<TurOverviewSub title="成就达成数" :text="props.modelValue.achievementNumber" icon="icon">
|
||||
<TurOverviewSub :text="props.modelValue.achievementNumber" icon="icon" title="成就达成数">
|
||||
<template #icon>
|
||||
<img
|
||||
src="../../assets/icons/achievements.svg"
|
||||
alt="achievement-icon"
|
||||
width="25px"
|
||||
height="25px"
|
||||
src="../../assets/icons/achievements.svg"
|
||||
width="25px"
|
||||
/>
|
||||
</template>
|
||||
</TurOverviewSub>
|
||||
<TurOverviewSub
|
||||
title="解锁传送点"
|
||||
:text="props.modelValue.wayPoints"
|
||||
icon="/icon/material/220005.webp"
|
||||
title="解锁传送点"
|
||||
/>
|
||||
<TurOverviewSub title="解锁秘境" :text="props.modelValue.domainNumber" />
|
||||
<TurOverviewSub :text="props.modelValue.domainNumber" title="解锁秘境" />
|
||||
<TurOverviewSub
|
||||
title="火神瞳"
|
||||
:text="props.modelValue.pyroCulus"
|
||||
icon="/icon/material/107028.webp"
|
||||
title="火神瞳"
|
||||
/>
|
||||
<TurOverviewSub
|
||||
title="风神瞳"
|
||||
:text="props.modelValue.anemoCulus"
|
||||
icon="/icon/material/107001.webp"
|
||||
title="风神瞳"
|
||||
/>
|
||||
<TurOverviewSub
|
||||
title="岩神瞳"
|
||||
:text="props.modelValue.geoCulus"
|
||||
icon="/icon/material/107003.webp"
|
||||
title="岩神瞳"
|
||||
/>
|
||||
<TurOverviewSub
|
||||
title="雷神瞳"
|
||||
:text="props.modelValue.electroCulus"
|
||||
icon="/icon/material/107014.webp"
|
||||
title="雷神瞳"
|
||||
/>
|
||||
<TurOverviewSub
|
||||
title="草神瞳"
|
||||
:text="props.modelValue.dendroCulus"
|
||||
icon="/icon/material/107017.webp"
|
||||
title="草神瞳"
|
||||
/>
|
||||
<TurOverviewSub
|
||||
title="水神瞳"
|
||||
:text="props.modelValue.hydroCulus"
|
||||
icon="/icon/material/107023.webp"
|
||||
title="水神瞳"
|
||||
/>
|
||||
<TurOverviewSub title="华丽宝箱数" :text="props.modelValue.luxuriousChest" />
|
||||
<TurOverviewSub title="珍贵宝箱数" :text="props.modelValue.preciousChest" />
|
||||
<TurOverviewSub title="精致宝箱数" :text="props.modelValue.exquisiteChest" />
|
||||
<TurOverviewSub title="普通宝箱数" :text="props.modelValue.commonChest" />
|
||||
<TurOverviewSub title="奇馈宝箱数" :text="props.modelValue.magicChest" />
|
||||
<TurOverviewSub :text="props.modelValue.luxuriousChest" title="华丽宝箱数" />
|
||||
<TurOverviewSub :text="props.modelValue.preciousChest" title="珍贵宝箱数" />
|
||||
<TurOverviewSub :text="props.modelValue.exquisiteChest" title="精致宝箱数" />
|
||||
<TurOverviewSub :text="props.modelValue.commonChest" title="普通宝箱数" />
|
||||
<TurOverviewSub :text="props.modelValue.magicChest" title="奇馈宝箱数" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="tur-ri-box">
|
||||
<div class="tur-ri-avatar">
|
||||
<img alt="avatar" :src="props.modelValue.avatar" />
|
||||
<img :src="props.modelValue.avatar" alt="avatar" />
|
||||
</div>
|
||||
<div class="tur-ri-content">
|
||||
<div class="tur-ri-title">
|
||||
|
||||
@@ -13,18 +13,18 @@
|
||||
<span>级</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="tur-ws-sub" v-if="data.children.length === 0">
|
||||
<div v-if="data.children.length === 0" class="tur-ws-sub">
|
||||
<span>探索度:</span>
|
||||
<span>{{ data.exploration / 10 }}</span>
|
||||
<span>%</span>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="tur-ws-sub" v-if="data.exploration !== 0">
|
||||
<div v-if="data.exploration !== 0" class="tur-ws-sub">
|
||||
<span>{{ data.name }}探索度:</span>
|
||||
<span>{{ data.exploration / 10 }}</span>
|
||||
<span>%</span>
|
||||
</div>
|
||||
<div class="tur-ws-sub" v-for="item in data.children" :key="item.id">
|
||||
<div v-for="item in data.children" :key="item.id" class="tur-ws-sub">
|
||||
<span>{{ item.name }}探索度:</span>
|
||||
<span>{{ item.exploration / 10 }}</span>
|
||||
<span>%</span>
|
||||
|
||||
Reference in New Issue
Block a user