<template>
    <div class="screen-one-2-2">
        <div class="module-title"><span>{{ label || '' }}</span></div>
        <slot></slot>
    </div>

</template>

<script>
export default {
    props: {
        label: {
            type: String,
            default:""
        }
    }
};
</script>
<style lang="less" scoped>
.screen-one-2-2 {
    height: calc(66% - 20px);
    margin:20px;
    position: relative;
    &::after{
        content:" ";
        display: block;
        position: absolute;    
        width:100%;
        height: 26px;
        top:0px;
        background-repeat: no-repeat;
    }
    .module-title{
        position: relative;
        z-index: 9;
    }
}
</style>