index.less 713 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .ImgList{
  2. width: 100%;
  3. display: flex;
  4. flex-flow: row wrap;
  5. .fileItem{
  6. margin: 0 12px 12px 0;
  7. padding: 8px;
  8. border-radius: 4px;
  9. border: 1px solid #d9d9d9;
  10. position: relative;
  11. .imgFile{
  12. width: 100%;
  13. height: 100%;
  14. overflow: hidden;
  15. border-radius: 4px;
  16. }
  17. }
  18. .flexRowWrap{
  19. display: flex;
  20. flex-flow: row wrap;
  21. }
  22. .coveringLayer{
  23. display: none;
  24. position: absolute;
  25. top: 0;
  26. left: 0;
  27. right: 0;
  28. bottom: 0;
  29. border-radius: 4px;
  30. flex-flow: row nowrap;
  31. align-items: center;
  32. justify-content: center;
  33. }
  34. }
  35. .seeMore{
  36. padding-right: 20px;
  37. color: #58a3ff;
  38. }
  39. .seeMore:hover{
  40. color: #0e77ca;
  41. cursor: pointer;
  42. }