index-view-layout-top.vue

<template>
    <layout class="index-view-layout index-view-layout--top">
        <header class="index-view-header">
            <div class="index-view-header__left">
                <slot name="headerLeft" />
            </div>
            <div class="index-view-header__center">
                <slot name="headerCenter" />
            </div>
            <div class="index-view-header__right">
                <slot name="headerRight" />
            </div>
        </header>
        <slot name="breadcrumb" />
        <content class="index-view-content">
            <slot name="navPos" />
            <div class="copyright-notice">
                <div class="notice">Copyright 1999-2021 Ernst & Young. All Rights Reserved.</div>
            </div>
        </content>
        <footer class="index-view-footer">
            <slot name="footer"></slot>
        </footer>
    </layout>
</template>
<script lang="ts">
import { Vue, Component } from 'vue-property-decorator';

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

}
</script>

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