shoot-miniprograms/src/components/Container.vue

<script setup>
import AppBackground from "@/components/AppBackground.vue";
import Header from "@/components/Header.vue";
defineProps({
  title: {
    type: String,
    default: "",
  },
  bgType: {
    type: Number,
    default: 0,
  },
});
</script>

<template>
  <view>
    <AppBackground :type="bgType" />
    <Header :title="title" />
    <view class="content">
      <slot></slot>
    </view>
  </view>
</template>

<style scoped>
.content {
  width: 100%;
  height: calc(100vh - 116px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}
</style>