Advertisement

Element UI的布局方案

阅读量:

创建布局

借助基础的 24 分栏体系,能够快速且便捷地构建页面布局结构。

利用 row 与 col 这两个组件,并结合 col 组件中 span 属性的设置,可以灵活地进行多种布局方式的组合与设计。

在这里插入图片描述
复制代码
    <el-row>
      <el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col>
    </el-row>
    <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>
    <el-row>
      <el-col :span="8"><div class="grid-content bg-purple"></div></el

全部评论 (0)

还没有任何评论哟~