new-greemall-wxapp/components/zj-container/zj-page-container.vue

<template>
  <view class="page-bottom" :style="{ background }">
    <slot></slot>
  </view>
</template>

<script>
export default {
  props: {
    background: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="scss" scoped>
.page-bottom {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  padding-bottom: env(safe-area-inset-bottom);
}
</style>