el-card高度显示不一致的问题解决

template：

 

 <el-row class="row-con">
              <el-col :span="5" v-for="(item, index) in tableData" :key="index">
                <el-card class="card" :body-style="{ padding: '0px' }" shadow="hover">
                  <img :src="item.img"class="image">
                  <div style="padding: 14px;">
                    <h2>{{ item.title}}</h2>
                      <p>标签:{{ item.label}}</p>
                      <p>简介:{{ item.content }}</p>
                  </div>
                </el-card>
              </el-col>
</el-row>

style：

.row-con{
  display: flex;
  flex-flow: row wrap;
}
.row-con .card{
  height: 100%;
}

这样就能解决高度显示一致的问题了