更新脚手架

src/page/Home/App.vue

@@ -1,14 +1,41 @@
 <template>
-  <HelloWorld></HelloWorld>
+  <div class="home">
+    <Loading v-if="showLoad" @LoadPage="loadFn"></Loading>
+    <Index v-if="showIndex" @IndexPage="indexFn"></Index>
+  </div>
 </template>
 
 <script setup>
-import Loading from "@/components/HelloWorld";
+import Loading from "@/components/Loading.vue";
+import Index from "@/components/Index.vue";
 
-onMounted(() => {
+const showLoad = ref(true);
+const loadFn = (item) => {
+  if (item.action == "hide") {
+    showLoad.value = false;
+    showIndex.value = true;
+  }
+};
 
+const showIndex = ref(false);
+const indexFn = (item) => {
+  if (item.action == "hide") {
+    showIndex.value = false;
+  }
+};
 
-})
+onMounted(() => {});
 </script>
 
-<style lang="scss" ></style>
+<style lang="scss" >
+#app {
+  overflow: hidden;
+  background-color: rgb(255, 255, 255);
+}
+.home {
+  @include box(750px, 100vh);
+  // position: relative;
+  overflow: hidden;
+  margin: 0 auto;
+}
+</style>