<template>
    <div>
        <v-header :title="title" :prev="prev"></v-header>
        <div class="body" :class="{ padT0: !padT, padB0: !padB, pad0: !pad }">
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
    components: {
        VHeader: () => import('./VHeader')
    },
    props: {
        title: { type: String, default: '' }, // 标题
        prev: { type: Boolean, default: true }, // 是否显示返回上一页
        padT: { type: Boolean, default: true }, // 是否保留上边距
        padB: { type: Boolean, default: true }, // 是否保留下边距
        pad: { type: Boolean, default: true } // 是否保留边距
    }
}
</script>

<style lang="less" scoped>
.body {
    padding: 10px 15px;
    &.padT0 {
        padding-top: 0;
    }
    &.padB0 {
        padding-bottom: 0;
    }
    &.pad0 {
        padding: 0;
    }
}
</style>
