修改登录界面

src/views/index/index.tsx

@@ -32,7 +32,6 @@ export default defineComponent({
     //#region 调用函数
     // 生命周期
     onMounted(() => {
-      cancelLoading();
       handleTime();
       tweenmax();
     });
@@ -44,7 +43,7 @@ export default defineComponent({
     //todo 处理 loading 展示
     const cancelLoading = () => {
       setTimeout(() => {
-        loading.value = true
+        loading.value = false
       }, 500)
     }
     //todo 处理时间监听 1s执行一次
@@ -62,6 +61,12 @@ export default defineComponent({
       TweenMax.to('.dh-left', 2, { x: -1000, repeat: -1 });
       TweenMax.to('.dh-right', 2, { x: 1000, repeat: -1 });
     };
+
+    //Login
+    const LoginFunc = () => {
+      login.value=false;
+      cancelLoading();
+    }
     //#endregion
 
     //#region 返回界面结构
@@ -69,8 +74,10 @@ export default defineComponent({
       return (
         <dv-full-screen-container>
           <div class="box">
-            {login.value ? <div>我是登录</div> : ''}
-            {loading.value && !login.value ? <dv-loading >Loading...</dv-loading> : (
+            {login.value ? <div>我是登录
+              <button onClick={LoginFunc}>登录</button>
+            </div> : (<div>
+              {loading.value ? <dv-loading >Loading...</dv-loading> : (
               <div>
                 {/* <!-- 标题 --> */}
                 <div class="titel">
@@ -119,9 +126,9 @@ export default defineComponent({
                 </div>
               </div>
             )}
+            </div>)}
           </div>
         </dv-full-screen-container>
-
       );
     }
     //#endregion