Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-15 03:53:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

🚸 loading显示区域禁用右键

Browse Source 
#221
This commit is contained in:
BTMuli
2026-02-28 11:50:12 +08:00
parent c716cf79ed
commit 8fc90d7144
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/func/loading.vue
View File

@@ -1,7 +1,7 @@
<!-- Loading 组件 -->
<template>
<transition name="func-loading">
<div v-show="showBox || showOuter" class="loading-overlay">
<div v-show="showBox || showOuter" ref="LoadingRef" class="loading-overlay">
<transition name="func-loading-inner">
<div v-show="showInner" class="loading-container">
<div class="loading-box">
@@ -29,20 +29,22 @@
<script lang="ts" setup>
import showSnackbar from "@comp/func/snackbar.js";
import bbsReq from "@req/bbsReq.js";
import { onMounted, ref, shallowRef, watch } from "vue";
import { onMounted, onUnmounted, ref, shallowRef, useTemplateRef, watch } from "vue";
import { LoadingParams } from "./loading.js";
const defaultIcon = "/UI/app/loading.webp";
const props = defineProps<LoadingParams>();
const showBox = ref<boolean>(false);
const showOuter = ref<boolean>(false);
const showInner = ref<boolean>(false);
const props = defineProps<LoadingParams>();
const iconUrl = ref<string>(defaultIcon);
const data = shallowRef<LoadingParams>(props);
const localEmojis = shallowRef<Array<string>>([]);
const iconUrl = ref<string>(defaultIcon);
const loadingEl = useTemplateRef<HTMLDivElement>("LoadingRef");
watch(
() => showBox.value,
@@ -60,7 +62,11 @@ watch(
},
);
onMounted(async () => await displayBox(props));
onMounted(async () => {
await displayBox(props);
loadingEl.value?.addEventListener("contextmenu", (e) => e.preventDefault());
});
onUnmounted(() => loadingEl.value?.removeEventListener("contextmenu", (e) => e.preventDefault()));
async function getRandomEmoji(): Promise<void> {
if (localEmojis.value.length === 0) {