index.less 825 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @import '../style/var';
  2. .van-image {
  3. position: relative;
  4. display: inline-block;
  5. &--round {
  6. overflow: hidden;
  7. border-radius: 50%;
  8. img {
  9. border-radius: inherit;
  10. }
  11. }
  12. &__img,
  13. &__error,
  14. &__loading {
  15. display: block;
  16. width: 100%;
  17. height: 100%;
  18. }
  19. &__error,
  20. &__loading {
  21. position: absolute;
  22. top: 0;
  23. left: 0;
  24. display: flex;
  25. flex-direction: column;
  26. align-items: center;
  27. justify-content: center;
  28. color: @image-placeholder-text-color;
  29. font-size: @image-placeholder-font-size;
  30. background-color: @image-placeholder-background-color;
  31. }
  32. &__loading-icon {
  33. color: @image-loading-icon-color;
  34. font-size: @image-loading-icon-size;
  35. }
  36. &__error-icon {
  37. color: @image-error-icon-color;
  38. font-size: @image-error-icon-size;
  39. }
  40. }