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

🎨 修正各overlay层级及切换逻辑

Browse Source
This commit is contained in:
目棃
2024-08-25 11:07:07 +08:00
parent 4bbc7986f1
commit 055657828b
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/User/Characters.vue
View File

@@ -45,7 +45,6 @@
</div> </div>
</template> </template>
</v-app-bar> </v-app-bar>
<TwoSelectC v-model="showSelect" @select-c="handleSelect" v-model:reset="resetSelect" />
<div class="uc-box"> <div class="uc-box">
<div class="uc-top"> <div class="uc-top">
<div class="uc-top-title"> <div class="uc-top-title">
@@ -76,6 +75,7 @@
@to-next="handleSwitch" @to-next="handleSwitch"
@to-avatar="selectRole" @to-avatar="selectRole"
/> />
<TwoSelectC v-model="showSelect" @select-c="handleSelect" v-model:reset="resetSelect" />
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { storeToRefs } from "pinia"; import { storeToRefs } from "pinia";
@@ -196,6 +196,10 @@ async function load(): Promise<void> {
async function refresh(): Promise<void> { async function refresh(): Promise<void> {
if (!user.value) return; if (!user.value) return;
if (showSelect.value) {
showSelect.value = false;
await new Promise((resolve) => setTimeout(resolve, 500));
}
if (showOverlay.value) { if (showOverlay.value) {
showOverlay.value = false; showOverlay.value = false;
await new Promise((resolve) => setTimeout(resolve, 500)); await new Promise((resolve) => setTimeout(resolve, 500));
@@ -321,6 +325,10 @@ function handleSelect(val: SelectedCValue) {
}); });
const selectedId = filterC.map((item) => item.id); const selectedId = filterC.map((item) => item.id);
selectedList.value = roleList.value.filter((role) => selectedId.includes(role.cid)); selectedList.value = roleList.value.filter((role) => selectedId.includes(role.cid));
if (!selectedList.value.includes(dataVal.value)) {
dataVal.value = selectedList.value[0];
selectIndex.value = 0;
}
} }
function handleSwitch(next: boolean): void { function handleSwitch(next: boolean): void {