YZProjectCloud/yanzhu-bigscreen/src/components/module/module-one-2-3.vue

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

</template>

<script>
export default {
    props: {
        label: {
            type: String,
            default:""
        }
    }
};
</script>
<style lang="less" scoped>
.screen-one-2-3 {
    height: calc(100% - 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>