index.module.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .uploader-section {
  2. display: flex;
  3. align-items: center;
  4. flex-wrap: wrap;
  5. box-sizing: border-box;
  6. position: relative;
  7. --upload-file-size: 74px;
  8. .img-close {
  9. position: absolute;
  10. top: 5px;
  11. right: 12px;
  12. z-index: 99;
  13. font-size: 10px;
  14. background-color: rgba(0, 0, 0, 0.4);
  15. color: #fff;
  16. font-weight: bold;
  17. width: 16px;
  18. height: 16px;
  19. display: flex;
  20. justify-content: center;
  21. align-items: center;
  22. border-radius: 50%;
  23. }
  24. .singleImgClose {
  25. right: 5px;
  26. }
  27. .uploader {
  28. position: relative;
  29. &.default {
  30. :global {
  31. .van-uploader__upload {
  32. width: var(--upload-file-size);
  33. height: var(--upload-file-size);
  34. background-color: #fff;
  35. }
  36. }
  37. .previewImg {
  38. width: var(--upload-file-size);
  39. height: var(--upload-file-size);
  40. border-radius: 4px;
  41. overflow: hidden;
  42. }
  43. .uploadImg {
  44. width: var(--upload-file-size);
  45. height: var(--upload-file-size);
  46. border-radius: 4px;
  47. overflow: hidden;
  48. }
  49. }
  50. :global {
  51. .van-uploader__upload-icon,
  52. .van-icon__image {
  53. width: 100%;
  54. height: 100%;
  55. }
  56. }
  57. }
  58. }