index.acss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @import "../common/index.acss";
  2. .van-image {
  3. position: relative;
  4. display: inline-block;
  5. }
  6. .van-image--round {
  7. overflow: hidden;
  8. border-radius: 50%;
  9. }
  10. .van-image--round .van-image__img {
  11. border-radius: inherit;
  12. }
  13. .van-image__error,
  14. .van-image__img,
  15. .van-image__loading {
  16. display: block;
  17. width: 100%;
  18. height: 100%;
  19. }
  20. .van-image__error,
  21. .van-image__loading {
  22. position: absolute;
  23. top: 0;
  24. left: 0;
  25. display: -webkit-flex;
  26. display: flex;
  27. -webkit-flex-direction: column;
  28. flex-direction: column;
  29. -webkit-align-items: center;
  30. align-items: center;
  31. -webkit-justify-content: center;
  32. justify-content: center;
  33. color: #969799;
  34. color: var(--image-placeholder-text-color, #969799);
  35. font-size: 14px;
  36. font-size: var(--image-placeholder-font-size, 14px);
  37. background-color: #f7f8fa;
  38. background-color: var(--image-placeholder-background-color, #f7f8fa);
  39. }
  40. .van-image__loading-icon {
  41. color: #dcdee0;
  42. color: var(--image-loading-icon-color, #dcdee0);
  43. font-size: 32px !important;
  44. font-size: var(--image-loading-icon-size, 32px) !important;
  45. }
  46. .van-image__error-icon {
  47. color: #dcdee0;
  48. color: var(--image-error-icon-color, #dcdee0);
  49. font-size: 32px !important;
  50. font-size: var(--image-error-icon-size, 32px) !important;
  51. }