From b44d8b31d9688d2f20636ec63fe7ee79a3a8448e Mon Sep 17 00:00:00 2001
From: winstonyli <winstonyli@tencent.com>
Date: Sun, 20 Nov 2022 15:50:12 +0800
Subject: [PATCH] feat: improve loading

---
 .../Feedback/Loading/loading.story.vue        | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/components/Feedback/Loading/loading.story.vue b/src/components/Feedback/Loading/loading.story.vue
index 4fe73a9..644de38 100644
--- a/src/components/Feedback/Loading/loading.story.vue
+++ b/src/components/Feedback/Loading/loading.story.vue
@@ -89,20 +89,20 @@ const fullscreenLoadingSource = computed(() => {
 import { ref } from 'vue'
 import { ElLoading } from 'element-plus'
 
-  const fullscreenLoading = ref(false)
-  const openFullScreen1 = () => {
-    fullscreenLoading.value = true
-    setTimeout(() => {
-      fullscreenLoading.value = false
-    }, 2000)
-  }
+const fullscreenLoading = ref(false)
+const openFullScreen1 = () => {
+  fullscreenLoading.value = true
+  setTimeout(() => {
+    fullscreenLoading.value = false
+  }, 2000)
+}
 
-  const openFullScreen2 = () => {
-    const loading = ElLoading.service()
-    setTimeout(() => {
-      loading.close()
-    }, 2000)
-  }
+const openFullScreen2 = () => {
+  const loading = ElLoading.service()
+  setTimeout(() => {
+    loading.close()
+  }, 2000)
+}
 <\/script>
 
 <template>
@@ -133,9 +133,9 @@ const openServiceLoading = () => {
 }
 const serviceLoadingSource = computed(() => {
   return `<script setup lang="ts">
-  import { ElLoading } from 'element-plus'
+import { ElLoading } from 'element-plus'
 
-  const openServiceLoading = () => {
+const openServiceLoading = () => {
   const loading = ElLoading.service({
     lock: ${serviceLoadingData.lock},${serviceLoadingData.text !== '' ? `\n    text: ${serviceLoadingData.text},` : ''}${serviceLoadingData.spinner !== '' ? `\n    spinner: ${serviceLoadingData.spinner},` : ''}${serviceLoadingData.background !== '' ? `\n    background: ${serviceLoadingData.background},` : ''}
   })