pickup-view-layout.vue 980 字节
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
<template>
    <layout class="pickup-view-layout view-layout">
        <header class="view-header">
            <div class="view-header__top">
                <slot name="headerTop" />
            </div>
            <div class="view-header__content">
                <slot name="headerContent" />
            </div>
            <div class="view-header__bottom">
                <slot name="headerBottom" />
            </div>   
        </header>
        <content class="view-content content-container">
            <slot name="contentTop"/>
            <slot />
            <slot name="contentBottom"/>
        </content>
        <footer  class="view-footer">
            <slot name="footer" />
        </footer>
    </layout>
</template>
<script lang="ts">
import { Vue, Component, Watch, Prop } from 'vue-property-decorator';

@Component({})
export default class AppPickUpViewLayout extends Vue {

}
</script>

<style lang="scss">
@import "./pickup-view-layout.scss";
</style>