index.module.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .uploader-section {
  2. margin: 10px 0;
  3. height: 145px;
  4. border: 1px dashed #ccc;
  5. border-radius: 10px;
  6. box-sizing: border-box;
  7. position: relative;
  8. &.uploader-section-value {
  9. border: none;
  10. }
  11. .img-close {
  12. position: absolute;
  13. top: 4px;
  14. right: 4px;
  15. z-index: 98;
  16. font-size: 16px;
  17. // background-color: #333;
  18. color: #fff;
  19. width: 20px;
  20. height: 20px;
  21. display: flex;
  22. justify-content: center;
  23. align-items: center;
  24. border-radius: 50%;
  25. }
  26. .col-uploader {
  27. width: 100%;
  28. height: 100%;
  29. align-items: center;
  30. display: flex;
  31. justify-content: center;
  32. }
  33. :global {
  34. .van-uploader {
  35. width: 100%;
  36. height: 100%;
  37. align-items: center;
  38. display: flex;
  39. justify-content: center;
  40. }
  41. .van-uploader__wrapper,
  42. .van-uploader__input-wrapper {
  43. display: flex;
  44. align-items: center;
  45. justify-content: center;
  46. width: inherit;
  47. height: inherit;
  48. }
  49. }
  50. .uploader {
  51. // width: 300px;
  52. display: flex;
  53. align-items: center;
  54. justify-content: center;
  55. flex-direction: column;
  56. .uploaderText {
  57. font-size: 14px;
  58. color: #999999;
  59. margin-top: 8px;
  60. }
  61. }
  62. .uploadImg {
  63. width: 100%;
  64. height: 100%;
  65. border-radius: 10px;
  66. overflow: hidden;
  67. }
  68. }