Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-04-28 22:59:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(home): 加载合到首页了，如果显示派蒙吃惊说明 ip 被封了（

Browse Source
This commit is contained in:
BTMuli
2023-04-03 12:08:42 +08:00
parent cd3084817d
commit b5601e88db
6 changed files with 152 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/t-calendar.vue
View File

@@ -18,10 +18,7 @@
{{ text.text }}
</v-btn>
</v-list-item-title>
<div v-if="loading">
<t-loading :title="loadingTitle" :empty="loadingEmpty" position="relative" />
</div>
<div v-else class="calendar-grid">
<div v-if="!loading" class="calendar-grid">
<v-card title="天赋培养" class="calendar-single">
<v-card-text class="calendar-icons">
<v-img
@@ -50,7 +47,6 @@
// vue
import { ref, onMounted } from "vue";
import { useRouter } from "vue-router";
import TLoading from "./t-loading.vue";
// plugins
import MysOper from "../plugins/Mys";
// interface
@@ -59,8 +55,6 @@ import { OBC_CONTENT_API } from "../plugins/Mys/interface/utils";
// loading
const loading = ref(true as boolean);
const loadingTitle = ref("正在加载材料日历");
const loadingEmpty = ref(false as boolean);
// data
const characterCards = ref([] as CalendarCard[]);
@@ -104,16 +98,18 @@ const showCharacters = ref([] as CalendarCard[]);
const showWeapons = ref([] as CalendarCard[]);
const router = useRouter();
// expose
defineExpose({
name: "素材日历",
loading,
});
onMounted(async () => {
loadingTitle.value = "正在获取材料日历数据";
const calendarData = await MysOper.Calendar.get();
if (!calendarData) {
loadingEmpty.value = true;
loadingTitle.value = "暂无材料日历";
await console.error("获取材料日历失败");
return;
}
loadingEmpty.value = false;
loadingTitle.value = "正在渲染材料日历";
const calendarCards = MysOper.Calendar.card(calendarData);
const week = new Date().getDay();
btnNow.value = week;

54
src/components/t-pool.vue
View File

@@ -5,10 +5,7 @@
<img src="../assets/icons/icon-wish.svg" alt="wish" class="pool-wish-icon" />
限时祈愿</v-list-item-title
>
<div v-if="loading">
<t-loading :title="loadingTitle" :empty="loadingEmpty" position="relative" />
</div>
<div v-else class="pool-grid">
<div v-if="!loading" class="pool-grid">
<v-card
v-for="pool in poolCards"
style="background: #faf7e8; color: #546d8b; border-radius: 10px"
@@ -66,50 +63,43 @@ import MysOper from "../plugins/Mys";
// interface
import { GachaCard } from "../plugins/Mys/interface/gacha";
import { Map } from "../interface/Base";
import TLoading from "./t-loading.vue";
// vue
const router = useRouter();
// loading
const loading = ref(true as boolean);
const loadingTitle = ref("正在加载祈愿数据");
const loadingEmpty = ref(false as boolean);
// data
const poolCards = ref([] as GachaCard[]);
const poolTimeGet = ref({} as Map<string>);
const poolTimePass = ref({} as Map<number>);
// expose
defineExpose({
name: "限时祈愿",
loading,
});
onMounted(async () => {
try {
loadingTitle.value = "正在获取限时祈愿数据";
const gachaData = await MysOper.Gacha.get();
if (!gachaData) {
loadingEmpty.value = true;
return;
}
loadingEmpty.value = false;
loadingTitle.value = "正在渲染限时祈愿";
poolCards.value = await MysOper.Gacha.card(gachaData);
const gachaData = await MysOper.Gacha.get();
if (!gachaData) {
await console.error("获取限时祈愿数据失败");
return;
}
poolCards.value = await MysOper.Gacha.card(gachaData);
poolCards.value.map(pool => {
poolTimeGet.value[pool.post_id] = getLastPoolTime(pool.time.end_stamp - Date.now());
poolTimePass.value[pool.post_id] = pool.time.end_stamp - Date.now();
});
await setInterval(() => {
poolCards.value.map(pool => {
poolTimeGet.value[pool.post_id] = getLastPoolTime(pool.time.end_stamp - Date.now());
poolTimePass.value[pool.post_id] = pool.time.end_stamp - Date.now();
poolTimePass.value[pool.post_id] =
((pool.time.end_stamp - Date.now()) / (pool.time.end_stamp - pool.time.start_stamp)) * 100;
});
await setInterval(() => {
poolCards.value.map(pool => {
poolTimeGet.value[pool.post_id] = getLastPoolTime(pool.time.end_stamp - Date.now());
poolTimePass.value[pool.post_id] =
((pool.time.end_stamp - Date.now()) / (pool.time.end_stamp - pool.time.start_stamp)) *
100;
});
}, 1000);
} catch (error) {
console.error(error);
return;
} finally {
loading.value = false;
}
}, 1000);
loading.value = false;
});
function toOuter(url: string, title: string) {

62
src/components/t-position.vue
View File

@@ -5,10 +5,7 @@
<img src="../assets/icons/board.svg" alt="act" class="position-act-icon" />
近期活动
</v-list-item-title>
<div v-if="loading">
<t-loading :title="loadingTitle" :empty="loadingEmpty" position="relative" />
</div>
<div v-else class="position-grid">
<div v-if="!loading" class="position-grid">
<v-card
v-for="card in positionCards"
style="background: #faf7e8; color: #546d8b; border-radius: 10px"
@@ -55,7 +52,6 @@
// vue
import { ref, onMounted } from "vue";
import { useRouter } from "vue-router";
import TLoading from "./t-loading.vue";
// utils
import { createTGWindow } from "../utils/TGWindow";
// plugins
@@ -66,8 +62,6 @@ import { Map } from "../interface/Base";
// loading
const loading = ref(true as boolean);
const loadingTitle = ref("正在加载近期活动");
const loadingEmpty = ref(false as boolean);
// 数据
const positionCards = ref([] as PositionCard[]);
@@ -75,38 +69,34 @@ const positionTimeGet = ref({} as Map<string>);
const positionTimeEnd = ref({} as Map<number>);
const router = useRouter();
// expose
defineExpose({
name: "近期活动",
loading,
});
onMounted(async () => {
try {
loadingTitle.value = "正在获取近期活动数据";
const positionData = await MysOper.Position.get();
if (!positionData) {
loadingEmpty.value = true;
loadingTitle.value = "暂无近期活动";
return;
}
loadingEmpty.value = false;
loadingTitle.value = "正在渲染近期活动";
positionCards.value = MysOper.Position.card(positionData);
positionCards.value.forEach(card => {
positionTimeGet.value[card.post_id] = getLastPositionTime(card.time.end_stamp - Date.now());
positionTimeEnd.value[card.post_id] = card.time.end_stamp;
});
await setInterval(() => {
positionCards.value.forEach(card => {
const time = card.time.end_stamp - Date.now();
if (time <= 0) {
positionTimeGet.value[card.post_id] = "已结束";
return;
}
positionTimeGet.value[card.post_id] = getLastPositionTime(time);
});
}, 1000);
} catch (error) {
console.error(error);
const positionData = await MysOper.Position.get();
if (!positionData) {
console.error("获取近期活动失败");
return;
} finally {
loading.value = false;
}
positionCards.value = MysOper.Position.card(positionData);
positionCards.value.forEach(card => {
positionTimeGet.value[card.post_id] = getLastPositionTime(card.time.end_stamp - Date.now());
positionTimeEnd.value[card.post_id] = card.time.end_stamp;
});
await setInterval(() => {
positionCards.value.forEach(card => {
const time = card.time.end_stamp - Date.now();
if (time <= 0) {
positionTimeGet.value[card.post_id] = "已结束";
return;
}
positionTimeGet.value[card.post_id] = getLastPositionTime(time);
});
}, 1000);
loading.value = false;
});
function getLastPositionTime(time: number) {