index.less 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  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. position: relative;
  47. display: flex;
  48. flex-flow: row nowrap;
  49. align-items: center;
  50. }
  51. .imgModal{
  52. position: fixed;
  53. top: 0;
  54. bottom: 0;
  55. left: 0;
  56. right: 0;
  57. display: flex;
  58. align-items: center;
  59. justify-content: center;
  60. z-index: 99999;
  61. .floatingLayer{
  62. position: absolute;
  63. top: 0;
  64. bottom: 0;
  65. left: 0;
  66. right: 0;
  67. z-index: 99997;
  68. background: rgba(0,0,0,.5);
  69. }
  70. .ant-modal-content{
  71. background:rgba(0,0,0,0) !important;
  72. }
  73. .ant-modal-content{
  74. box-shadow: 0 2px 8px rgba(0, 0, 0, 0);
  75. }
  76. }
  77. .demandDetailShow-upload {
  78. .anticon-eye-o {
  79. margin-left: -8px;
  80. }
  81. .anticon-delete {
  82. display: none
  83. }
  84. }