使用el-row 布局列数多个时候,出现了高度不适应且排列混乱 的问题
处理办法在 el-row 布局属性上加入
<el-row :gutter="20" class="el-row">
.el-row {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap
}
.el-card {
min-width: 100%;
height: 100%; 高度要设置百分比才可以
margin-right: 20px;
transition: all .5s;
}
设置完成后