更新脚手架

src/components/Loading.vue

@@ -0,0 +1,57 @@
+<script setup>
+import { ref } from "vue";
+import { Button, Toast } from "vant";
+import gsap from "gsap";
+import { debounceTap } from "@/plugins";
+
+// 页面配置初始化
+const emit = defineEmits(["LoadPage"]);
+
+const show = (event) => {
+  const e = event.target;
+  debounceTap(e, () => {
+    console.log(1);
+    emit("LoadPage", { action: "hide" });
+  });
+};
+</script>
+
+<template>
+  <div class="LoadPage">
+    <div class="load-bg"></div>
+    <div class="load-container">
+      <div class="box">
+        <Button @click="show">to index</Button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.LoadPage {
+  @include pos(100%, 100%, 0px, 0px);
+  background-color: rgb(223, 15, 60);
+  overflow: hidden;
+
+  .load-bg {
+    @include pos(750px, 100%, 0px, 50%);
+    transform: translateY(-50%);
+  }
+  .load-container {
+    @include pos(750px, 100%, 0px, 50%);
+    transform: translateY(-50%);
+    @include flexCen();
+
+    .box {
+      @include box(300px, 300px);
+      @include flexCen();
+    }
+    .btn {
+      @include box(200px, 40px);
+      line-height: 40px;
+      text-align: center;
+      background-color: aliceblue;
+    }
+  }
+}
+</style>