38 lines
689 B
Vue
38 lines
689 B
Vue
|
<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>
|