3 changed files with 66 additions and 2 deletions
@ -0,0 +1,57 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2025-09-17 14:48:36 |
|||
@ 备注: 内容呈现模板 |
|||
--> |
|||
<script lang='ts' setup> |
|||
|
|||
</script> |
|||
<template> |
|||
<div class="contBox"> |
|||
<div class="contBoxLeft"> |
|||
<div class="contBox title"> |
|||
<el-text>布局组件</el-text> |
|||
<el-text>版本</el-text> |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="contBoxBody">2</div> |
|||
<div class="contBoxRight"> |
|||
<div class="contBox title"> |
|||
<el-text>布局样式</el-text> |
|||
<el-text></el-text> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
.contBox{ |
|||
width: 100%; |
|||
display: flex; |
|||
|
|||
justify-content: space-between; |
|||
.contBoxLeft{ |
|||
width: 200px; |
|||
height: calc(100vh - 40px); |
|||
border-right: 1px solid #4e4e4e; |
|||
overflow-y: auto; |
|||
overflow: hidden; |
|||
.title{ |
|||
padding: 5px 5px; |
|||
} |
|||
} |
|||
.contBoxRight{ |
|||
width: 200px; |
|||
height: calc(100vh - 40px); |
|||
border-left: 1px solid #4e4e4e; |
|||
overflow-y: auto; |
|||
overflow: hidden; |
|||
.title{ |
|||
padding: 5px 5px; |
|||
} |
|||
} |
|||
.contBoxBody{ |
|||
width: calc(100vh - 400px);; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue