soc_web/src/views/iot/board/components/layout.vue

<template>
    <div :class="className+ ' iot_board_layout'">
        <img class="t_l_line" src="../img/left_line.png" alt="">
        <slot></slot>
        <img class="t_r_line" src="../img/right_line.png" alt="">
    </div>
</template>
<script>
    export default {
        name: 'iot_board_layout',
        props:["className"]
    }
</script>
<style scoped>
.iot_board_layout{
    padding:18px;
    position:relative;
}
.t_l_line {
    position: absolute;
    top: 18px;
    left: 18px;
}
.t_r_line {
    position: absolute;
    bottom: 18px;
    right: 18px;
}
</style>