<div class="home" style="border:1px solid red;margin-top:40px">

    <!--gutter表示单个el-card之间的间距  -->

    <el-row :gutter="10">

      <!-- span 默认el-row为24 用span去平分 -->

      <el-col :span="6">

        <el-card>card1</el-card>

      </el-col>

      <el-col :span="6">

        <el-card>card1</el-card>

      </el-col>

      <el-col :span="6">

        <el-card>card1</el-card>

      </el-col>

      <el-col :span="6">

        <el-card>card1</el-card>

      </el-col>

    </el-row>

  </div>

如果要修改card的尺寸,边距颜色,可以使用

<el-card :body-style="{padding:'10px'}">card1</el-card>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐