为了账号安全,请及时绑定邮箱和手机立即绑定

element-ui如何实现这种布局

element-ui如何实现这种布局

FFIVE 2018-11-13 22:33:00
第一次用element布局 不太会 看文档上写的 用el-row el-col应该可以实现 但是没有写出图片上这种效果 左边文字跟右边格子在一行,然后右边格子自动换行 换行之后是对齐的 里面还有单选框和复选框
查看完整描述

1 回答

?
翻过高山走不出你

TA贡献1875条经验 获得超3个赞

   <el-row :gutter="20">
      <el-col :span="3">00000:</el-col>
      <el-col :span="21">
        <el-row :gutter="20">
          <el-col :span="6"><el-card>1111</el-card></el-col>
          <el-col :span="6"><el-card>2222</el-card></el-col>
          <el-col :span="6"><el-card>3333</el-card></el-col>
          <el-col :span="6"><el-card>4444</el-card></el-col>
          <el-col :span="6"><el-card>5555</el-card></el-col>
        </el-row>
      </el-col>
    </el-row>

这样的效果应该和你要求的一样,再按照需要循环一下就行


查看完整回答
反对 回复 2018-11-13
  • 1 回答
  • 0 关注
  • 6480 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信