多個el-card自適應高度對齊問題

原因：由於el-card多個自適應高度導致排列錯亂問題，

 

 

 源代碼：

<el-row :gutter="20" v-for="(item ,index) in deviceList" :key="index">
    <el-col :span="6">
        <el-card class="box-card">
            <div class="realtime-info-head"></div>
        </el-card>
     </el-col>
</el-row>    

解決辦法：

.el-row {
    margin-bottom: 20px;
    display:flex;
    flex-wrap: wrap;
  }
.el-row  .el-card {
    min-width: 100%;
    height: 100%; 
    margin-right: 20px;
    transition: all .5s;
  }