element-ui的布局

最新推荐文章于 2024-09-13 11:40:00 发布

爱发呆的程序员

最新推荐文章于 2024-09-13 11:40:00 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.csdn.net/tinglis/article/details/106636641

本文详细介绍Element-UI布局组件的使用方法，通过实例展示如何快速构建网页布局，包括复制代码段并替换所需内容，同时提供了布局参数的调整指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

element-ui的布局

首先我们可以打开文档
链接: https://element.eleme.cn/#/zh-CN/component/layout.
在这里插入图片描述
这就是我们的布局
其实布局很简单，我们只要复制代码，然后在中间加上我们需要的东西就好了

<el-row>
  <el-col :span="12"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="12"><div class="grid-content bg-purple-light"></div></el-col>
</el-row>

//<div class="grid-content bg-purple"></div> ； <div class="grid-content bg-purple-light">
//这就是我们想要的东西，替换掉就好了！