index.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .error-tip {
  2. height: 14px;
  3. padding: 0 34px;
  4. margin-top: 4px;
  5. font-size: 14px;
  6. line-height: 14px;
  7. color: red;
  8. }
  9. .error-top-hidden {
  10. visibility: hidden;
  11. }
  12. .field {
  13. & :deep(.el-input__wrapper) {
  14. --el-input-height: 46px;
  15. --el-input-border-radius: 23px;
  16. --el-input-text-color: #333;
  17. padding: 0 32px;
  18. margin-top: 12px;
  19. background-color: #f3f5fa;
  20. box-shadow: none;
  21. }
  22. }
  23. .upload-wrapper {
  24. display: flex;
  25. flex-direction: column;
  26. align-items: center;
  27. justify-content: center;
  28. width: 100%;
  29. height: 260px;
  30. padding: 24px 16px 20px;
  31. background: #f3f5fa;
  32. border: 1px dashed #dedfe2;
  33. border-radius: 10px;
  34. }
  35. .title {
  36. font-size: 16px;
  37. color: #000;
  38. text-align: center;
  39. }
  40. .placeholder {
  41. width: 80px;
  42. margin: auto 0;
  43. & img {
  44. width: 100%;
  45. }
  46. }
  47. .drap-tip {
  48. font-size: 16px;
  49. & span {
  50. color: var(--primary-color);
  51. cursor: pointer;
  52. }
  53. }
  54. .max-size-tip {
  55. margin-top: 16px;
  56. font-size: 14px;
  57. }
  58. .drop-active {
  59. border-color: var(--primary-color);
  60. opacity: 0.4;
  61. }
  62. .upload-error-tip {
  63. color: red;
  64. }
  65. .preview-img {
  66. width: 200px;
  67. height: 120px;
  68. object-fit: cover;
  69. cursor: pointer;
  70. }