index.less 897 B

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