index.module.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .Z_upFileMore {
  2. position: relative;
  3. width: 100%;
  4. height: 100%;
  5. :global {
  6. .fileBoxRow_up {
  7. color: #a6a6a6;
  8. border-radius: 3px;
  9. cursor: pointer;
  10. font-size: 30px;
  11. width: 100px;
  12. height: 100px;
  13. border: 1px dashed #797979;
  14. display: flex;
  15. justify-content: center;
  16. align-items: center;
  17. }
  18. .fileImgListBox {
  19. display: flex;
  20. flex-wrap: wrap;
  21. margin-bottom: 10px;
  22. &>div {
  23. cursor: move;
  24. margin: 15px 20px 0px 0;
  25. }
  26. }
  27. .fileImgListBoxNo {
  28. &>div {
  29. cursor: default;
  30. }
  31. }
  32. .fileBoxRow_r_img {
  33. position: relative;
  34. .fileImgListLDBox {
  35. height: 26px;
  36. background-color: rgba(0, 0, 0, .6);
  37. color: #fff;
  38. display: flex;
  39. justify-content: space-around;
  40. font-size: 16px;
  41. &>a {
  42. color: #fff;
  43. }
  44. }
  45. .clearCover {
  46. cursor: pointer;
  47. position: absolute;
  48. z-index: 99;
  49. right: -10px;
  50. top: -10px;
  51. background-color: rgba(0, 0, 0, .8);
  52. width: 20px;
  53. height: 20px;
  54. border-radius: 50%;
  55. font-size: 16px;
  56. color: #fff;
  57. display: flex;
  58. justify-content: center;
  59. align-items: center;
  60. }
  61. }
  62. .fileTit {
  63. font-size: 14px;
  64. color: rgb(126, 124, 124);
  65. .noUpThumb {
  66. position: relative;
  67. overflow: hidden;
  68. opacity: 0;
  69. transition: top .2s;
  70. color: #ff4d4f;
  71. top: -10px;
  72. }
  73. .noUpThumbAc {
  74. top: 0;
  75. opacity: 1;
  76. }
  77. }
  78. }
  79. }