element-ui的布局

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">
//这就是我们想要的东西,替换掉就好了!

所以布局相对来说比较简单
下面还有很多参数,想要什么自己可以改
在这里插入图片描述在这里插入图片描述


版权声明:本文为tinglis原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。