From a467423b1a618b3bf5bb6018f33e8429d40dea9c Mon Sep 17 00:00:00 2001
From: fangxiang <fangxiang@cloudview.work>
Date: Wed, 4 May 2022 15:33:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=AE=BE=E7=BD=AE=E5=AD=97?=
 =?UTF-8?q?=E5=B9=95=E5=90=8E=E5=86=8D=E6=AC=A1=E6=89=93=E5=BC=80=E5=AD=97?=
 =?UTF-8?q?=E5=B9=95=E7=AA=97=E5=8F=A3=E6=97=A0=E6=B3=95=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=9A=84BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SubtitleDialog.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/SubtitleDialog.vue b/src/components/SubtitleDialog.vue
index ffbcec3..c679e0d 100644
--- a/src/components/SubtitleDialog.vue
+++ b/src/components/SubtitleDialog.vue
@@ -96,16 +96,20 @@
             </q-item>
 
             <q-separator inset />
-
             <q-item style="height: 50vh">
-              <q-item-section>
+              <q-item-section
+                :style="{
+                  'align-items': loading ? 'center' : 'unset',
+                }"
+              >
                 <editor
-                  :disabled="loading"
+                  v-if="!loading"
                   class="fit"
                   tinymce-script-src="tinymce/tinymce.min.js"
                   :init="editor_config"
                   v-model="subtitle.text"
                 />
+                <q-spinner v-else color="primary" size="5em" :thickness="2" />
               </q-item-section>
             </q-item>
           </q-list>
@@ -217,11 +221,11 @@ export default defineComponent({
           if (response) {
             subtitle.value = response.subtitle;
           }
-          loading.value = false;
         } catch (e) {
           console.log(e);
           show_dialog.value = false;
         }
+        loading.value = false;
       },
       onShow() {
         document.querySelectorAll(".tox ").forEach((item) => {
@@ -251,7 +255,6 @@ export default defineComponent({
           });
           show_dialog.value = false;
         } catch {}
-        loading.value = false;
       },
     };
   },