index.css 932 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. @import '../common/index.css';
  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. }