<template>
    <div class="mainBox w100">
        <zgh-header :title="$route.name"></zgh-header>
        <div class="common-top mainBox">
            <h4 class="pd30">list1</h4>
            <list1></list1>
            <h4 class="pd30">list2</h4>
            <list2></list2>
            <h4 class="pd30">list3</h4>
            <list3></list3>
            <h4 class="pd30">list4</h4>
            <list4></list4>
        </div>
    </div>
</template>

<script>
    import List1 from './children/list1'
    import List2 from './children/list2'
    import List3 from './children/list3'
    import List4 from './children/list4'

    export default {
        components: {
            list1: List1,
            list2: List2,
            list3: List3,
            list4: List4,
        },

        data() {
            return {}
        },
        computed: {},
        mounted() {
        },
        methods: {}
    }
</script>

<style lang="less" scoped>
    @import url("../../assets/config.less");

</style>
