更新脚手架

src/components/Index.vue

@@ -0,0 +1,37 @@
+<script setup>
+import { Button, Toast } from "vant";
+import { debounceTap } from "@/plugins";
+
+const emit = defineEmits(["IndexPage"]);
+
+const count = ref(0);
+const show = (event) => {
+  debounceTap(event.target, () => {
+    Toast.success("开发中！");
+  });
+};
+</script>
+
+<template>
+  <div class="IndexPage">
+    <div class="index-bg"></div>
+    <div class="index-container">
+      <Button @click="show">首页</Button>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.IndexPage {
+  @include pos(100%, 100vh, 0px, 0px);
+  background-color: rgb(0, 7, 198);
+  .index-bg {
+    @include pos(750px, 1624px, 0px, 50%);
+    transform: translateY(-50%);
+  }
+  .index-container {
+    @include pos(750px, 1624px, 0px, 50%);
+    transform: translateY(-50%);
+  }
+}
+</style>