<template>
  <div class="custom-back-warp">
    <subTop :title="topTitle" :postion="topPostion"></subTop>
    <div class="custom-back-content">
      <slot name="back"></slot>
    </div>
  </div>
</template>
<script setup>
import subTop from '@/components/subTop.vue';
import { isEmpty, getAssetsFile } from '@/utils';
import { ref, reactive, onMounted, watch } from 'vue';
import { useRouter } from 'vue-router';
import { useApp } from '@/hooks';

const router = useRouter();
const props = defineProps({
  topTitle: {
    type: String,
    default: '统计',
  },
  topPostion: {
    type: String,
    default: 'left',
  },
});
</script>
<style lang="scss" scoped>
.custom-back-warp {
  height: 100%;
  width: 100%;
  .custom-back-content {
    height: calc(100% - 38px);
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
  }
}
</style>
