From 8fc90d714460814a058be09afda5d640f6f71a8f Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Sat, 28 Feb 2026 11:50:12 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20loading=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E7=A6=81=E7=94=A8=E5=8F=B3=E9=94=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#221
---
 src/components/func/loading.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/func/loading.vue b/src/components/func/loading.vue
index 98f41079..089ece65 100644
--- a/src/components/func/loading.vue
+++ b/src/components/func/loading.vue
@@ -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) {