| 提交 | 用户 | 时间 | ||
| bdd09a | 1 | <template> |
| 44f5fa | 2 | <div class="box"> |
| W | 3 | <el-card class="box-card1"> |
| 4 | <div v-for="o in 4" :key="o" class="text item"> | |
| 5 | {{'列表内容 ' + o }} | |
| 6 | </div> | |
| 7 | </el-card> | |
| 8 | <el-card class="box-card2"> | |
| 9 | <div v-for="o in 4" :key="o" class="text item"> | |
| 10 | {{'列表内容 ' + o }} | |
| 11 | </div> | |
| 12 | </el-card> | |
| bdd09a | 13 | </div> |
| W | 14 | </template> |
| 15 | ||
| 16 | <script> | |
| 17 | export default { | |
| 44f5fa | 18 | |
| W | 19 | } |
| bdd09a | 20 | </script> |
| 44f5fa | 21 | |
| W | 22 | <style scoped> |
| 23 | .box{ | |
| 24 | width: 100%; | |
| 25 | height: calc(100vh - 124px); | |
| 26 | display: flex; | |
| 27 | padding: 20px; | |
| 28 | } | |
| 29 | .box-card1{ | |
| 30 | width: 20%; | |
| 31 | height: 100%; | |
| 32 | background-color: #4b0f0f; | |
| 33 | } | |
| 34 | .box-card2{ | |
| 35 | width: 80%; | |
| 36 | height: 100%; | |
| 37 | background-color: #58c8eb; | |
| 38 | } | |
| 39 | </style> | |
| 40 | ||
| 41 | ||
