.ImgListComponent{ .ImgList{ width: 100%; display: flex; flex-flow: row wrap; .fileItem{ margin: 0 12px 12px 0; padding: 8px; border-radius: 4px; border: 1px solid #d9d9d9; position: relative; .imgFile{ width: 100%; height: 100%; overflow: hidden; border-radius: 4px; } } .flexRowWrap{ display: flex; flex-flow: row wrap; } .coveringLayer{ display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 4px; flex-flow: row nowrap; align-items: center; justify-content: center; } } .seeMore{ padding-right: 20px; color: #58a3ff; } .seeMore:hover{ color: #0e77ca; cursor: pointer; } } .actionBar{ display: flex; flex-flow: row nowrap; align-items: center; }