From bc758984bba3b4d92352bc471f858065131f5d6d Mon Sep 17 00:00:00 2001
From: zhangzhiyi <zhangzhiyi@birantech.com>
Date: Fri, 26 May 2023 16:53:03 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=A2=9E=E5=8A=A0loading?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/tabs/home-screen.vue | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/view/tabs/home-screen.vue b/src/view/tabs/home-screen.vue
index 135a883..fff35c9 100644
--- a/src/view/tabs/home-screen.vue
+++ b/src/view/tabs/home-screen.vue
@@ -1,5 +1,16 @@
 <template>
   <div id="home-screen-wrapper">
+    <van-overlay 
+        :show="showOverlay"
+        z-index="100"
+        style="background-color: #000;"
+    >
+        <van-loading
+            size="80px"
+            vertical
+            color="#1989fa"
+        ><span>加载中...</span></van-loading>
+    </van-overlay>
     <div class="bg-video" @click="changeAnimation()">
       <!-- 关机动画循环 -->
       <video
@@ -117,6 +128,9 @@ import {
 import router from "@/router";
 import { CountTo } from "vue3-count-to";
 
+
+/** 是否显示遮罩层 */
+const showOverlay = ref(true);
 /** 小时 */
 const hour = ref("--");
 /** 分钟 */
@@ -200,6 +214,9 @@ onActivated(() => {
 });
 
 onMounted(() => {
+  setTimeout(() => {
+    showOverlay.value = false;
+  }, 3500);
   getTimeTimer.value = setInterval(() => {
     const date = new Date();
     hour.value =
@@ -491,5 +508,16 @@ const timeTouchEnd = () => {
       justify-content: center;
     }
   }
+
+  .van-loading {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    span {
+        font-size: 30px !important;
+    }
+  }
 }
 </style>