<template>
    <div class="mta-PageLayout fsize-m4">
        <el-breadcrumb separator-class="el-icon-arrow-right fsize-m4">
            <el-breadcrumb-item class="fsize-m4">{{breadcrumb.name}}</el-breadcrumb-item>
            <el-breadcrumb-item class="fsize-m4" v-for="item in breadcrumb.children" :key="item"><span class="breadcrumb-text fsize-m4">{{item}}</span></el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>

<script>
    export default {
        name: "pageLayout",
        props: {
            breadcrumb: { // 面包屑数据{name,childName}
                type: Object,
                default: () => {},
                require: true
            },
        }
    }
</script>
