添加全局容器组件

2025-05-23 21:20:38 +08:00
parent 940c70556b
commit 222a1fd7aa
4 changed files with 43 additions and 36 deletions
--- a/src/components/Container.vue
+++ b/src/components/Container.vue
@@ -0,0 +1,32 @@
+<script setup>
+import AppBackground from "@/components/AppBackground.vue";
+import Header from "@/components/Header.vue";
+defineProps({
+  title: {
+    type: String,
+    default: "",
+  },
+  bgType: {
+    type: String,
+    default: 0,
+  },
+});
+</script>
+
+<template>
+  <view>
+    <AppBackground :bgType="bgType" />
+    <Header :title="title" />
+    <view class="content">
+      <slot></slot>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 96px);
+  overflow: auto;
+}
+</style>