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

🌱 基本完成角色使用率页面，1/4

Browse Source
This commit is contained in:
BTMuli
2023-06-30 20:46:42 +08:00
parent a05f31f4a5
commit 75dcf2a7eb
5 changed files with 150 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/WIKI/Abyss.vue
View File

@@ -13,18 +13,18 @@
<span @click="showDialog = true">更新于 {{ getUpdated() }}</span>
</div>
</div>
<v-window v-model="tab">
<v-window v-model="tab" class="hta-tab-item">
<v-window-item value="use">
<HtaTabUse v-model="avatarUse" :data="avatarData" />
<HtaTabUse v-if="avatarUse.length > 0" v-model="avatarUse" />
</v-window-item>
<v-window-item value="up">
<HtaTabUp v-model="avatarUp" :data="avatarData" />
<HtaTabUp v-model="avatarUp" />
</v-window-item>
<v-window-item value="team">
<HtaTabTeam v-model="teamCombination" :data="avatarData" />
<HtaTabTeam v-model="teamCombination" />
</v-window-item>
<v-window-item value="hold">
<HtaTabHold v-model="avatarHold" :data="avatarData" />
<HtaTabHold v-model="avatarHold" />
</v-window-item>
</v-window>
</div>
@@ -41,7 +41,6 @@ import HtaTabTeam from "../../components/hutaoAbyss/hta-tab-team.vue";
import HtaTabHold from "../../components/hutaoAbyss/hta-tab-hold.vue";
// plugins
import Hutao from "../../plugins/Hutao";
import TGSqlite from "../../plugins/Sqlite";
// loading
const loading = ref<boolean>(false);
@@ -52,14 +51,13 @@ const showDialog = ref<boolean>(false);
// data
const overview = ref<TGApp.Plugins.Hutao.Abyss.OverviewData>(
{} as TGApp.Plugins.Hutao.Abyss.OverviewData,
<TGApp.Plugins.Hutao.Abyss.OverviewData>{},
);
const tab = ref<string>("use");
const avatarUse = ref<Array<TGApp.Plugins.Hutao.Abyss.AvatarUse>>([]);
const avatarUp = ref<Array<TGApp.Plugins.Hutao.Abyss.AvatarUp>>([]);
const teamCombination = ref<Array<TGApp.Plugins.Hutao.Abyss.TeamCombination>>([]);
const avatarHold = ref<Array<TGApp.Plugins.Hutao.Abyss.AvatarHold>>([]);
const avatarData = ref<Array<TGApp.Sqlite.Character.AppData>>([]);
onMounted(async () => {
loadingTitle.value = "正在获取深渊数据";
@@ -74,8 +72,6 @@ onMounted(async () => {
teamCombination.value = await Hutao.Abyss.getTeamCollect();
loadingTitle.value = "正在获取深渊角色持有";
avatarHold.value = await Hutao.Abyss.avatar.getHoldRate();
loadingTitle.value = "正在获取角色数据";
avatarData.value = await TGSqlite.getAllAppCharacter();
loading.value = false;
});
@@ -106,6 +102,7 @@ function getUpdated() {
.hta-tab {
margin-bottom: 10px;
height: 50px;
}
.hta-title {
@@ -124,4 +121,9 @@ function getUpdated() {
cursor: pointer;
text-decoration: underline;
}
.hta-tab-item {
width: 100%;
height: calc(100% - 60px);
}
</style>