恢复框架设计

This commit is contained in:
lyc 2025-01-02 17:35:18 +08:00
parent 063a351f42
commit a31a7d9c7e
1 changed files with 25 additions and 16 deletions

View File

@ -1,16 +1,15 @@
<template> <template>
<div class="page-design"> <div class="page-design flex">
<!-- <div class="page-left"> <div class="page-left">
<left /> <left />
</div> </div>
<div class="page-right"> <div class="page-right">
<right /> <right />
</div> --> </div>
<el-row :gutter="20"> <!-- <el-row :gutter="20">
<el-col :span="5"> <el-col :span="5">
<!-- <div style="background:#ccc">1</div> -->
<Left/> <Left/>
</el-col> </el-col>
<el-col :span="13"> <el-col :span="13">
@ -19,27 +18,37 @@
<el-col :span="6"> <el-col :span="6">
<Right/> <Right/>
</el-col> </el-col>
</el-row> </el-row> -->
</div> </div>
</template> </template>
<script setup> <script setup>
// import left from './container/left.vue'; import left from './container/left.vue';
// import right from './container/right.vue'; import right from './container/right.vue';
import Left from './container/left2.vue' // import Left from './container/left2.vue'
import Center from './container/center.vue' // import Center from './container/center.vue'
import Right from './container/right2.vue' // import Right from './container/right2.vue'
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// .page-design {
// height: 100%;
// .el-row{
// height: 100%;
// .el-col{
// height: 100%;
// }
// }
// }
.page-design { .page-design {
height: 100%; height: 100%;
.el-row{ .page-left{
height: 100%; width: 50%;
.el-col{
height: 100%;
} }
.page-right{
width: 50%;
} }
} }
</style> </style>