index.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @import './var.less';
  2. :root {
  3. --van-empty-padding: @empty-padding;
  4. --van-empty-image-size: @empty-image-size;
  5. --van-empty-description-margin-top: @empty-description-margin-top;
  6. --van-empty-description-padding: @empty-description-padding;
  7. --van-empty-description-color: @empty-description-color;
  8. --van-empty-description-font-size: @empty-description-font-size;
  9. --van-empty-description-line-height: @empty-description-line-height;
  10. --van-empty-bottom-margin-top: @empty-bottom-margin-top;
  11. }
  12. .van-empty {
  13. display: flex;
  14. flex-direction: column;
  15. align-items: center;
  16. justify-content: center;
  17. box-sizing: border-box;
  18. padding: var(--van-empty-padding);
  19. &__image {
  20. width: var(--van-empty-image-size);
  21. height: var(--van-empty-image-size);
  22. img {
  23. width: 100%;
  24. height: 100%;
  25. }
  26. }
  27. &__description {
  28. margin-top: var(--van-empty-description-margin-top);
  29. padding: var(--van-empty-description-padding);
  30. color: var(--van-empty-description-color);
  31. font-size: var(--van-empty-description-font-size);
  32. line-height: var(--van-empty-description-line-height);
  33. }
  34. &__bottom {
  35. margin-top: var(--van-empty-bottom-margin-top);
  36. }
  37. }