From d84f6ef5624deec1b42e224ac08407831fe4383e Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sun, 8 Oct 2023 18:07:42 +0800
Subject: [PATCH] =?UTF-8?q?chore(Loading):=20=E6=B6=88=E9=99=A4loading?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=8F=8A=E7=A4=BA=E4=BE=8B=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Loading/src/Loading.vue | 2 +-
 src/views/demo/comp/loading/index.vue  | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Loading/src/Loading.vue b/src/components/Loading/src/Loading.vue
index 3803085ae..d5e9383ef 100644
--- a/src/components/Loading/src/Loading.vue
+++ b/src/components/Loading/src/Loading.vue
@@ -1,7 +1,7 @@
 <template>
   <section
     class="full-loading"
-    :class="{ absolute, [theme]: !!theme }"
+    :class="{ absolute, [`${theme}`]: !!theme }"
     :style="[background ? `background-color: ${background}` : '']"
     v-show="loading"
   >
diff --git a/src/views/demo/comp/loading/index.vue b/src/views/demo/comp/loading/index.vue
index 351277fd0..cdf19a8fc 100644
--- a/src/views/demo/comp/loading/index.vue
+++ b/src/views/demo/comp/loading/index.vue
@@ -40,7 +40,13 @@
       const wrapEl = ref<ElRef>(null);
 
       const loadingRef = ref(false);
-      const compState = reactive({
+      const compState = reactive<{
+        absolute?: boolean;
+        loading?: boolean;
+        theme?: 'dark' | 'light';
+        background?: string;
+        tip?: string;
+      }>({
         absolute: false,
         loading: false,
         theme: 'dark',