element-el-row-el-col使用布局，修改el-card边距＜el-card :body-style=“{padding:‘10px‘}“＞card1＜/el-card＞

<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>