index.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @import '../style/var';
  2. .van-notice-bar {
  3. position: relative;
  4. display: flex;
  5. align-items: center;
  6. height: @notice-bar-height;
  7. padding: @notice-bar-padding;
  8. color: @notice-bar-text-color;
  9. font-size: @notice-bar-font-size;
  10. line-height: @notice-bar-line-height;
  11. background-color: @notice-bar-background-color;
  12. &__left-icon,
  13. &__right-icon {
  14. min-width: @notice-bar-icon-min-width;
  15. font-size: @notice-bar-icon-size;
  16. }
  17. &__right-icon {
  18. text-align: right;
  19. cursor: pointer;
  20. }
  21. &__wrap {
  22. position: relative;
  23. display: flex;
  24. flex: 1;
  25. align-items: center;
  26. height: 100%;
  27. overflow: hidden;
  28. }
  29. &__content {
  30. position: absolute;
  31. white-space: nowrap;
  32. transition-timing-function: linear;
  33. &.van-ellipsis {
  34. max-width: 100%;
  35. }
  36. }
  37. &--wrapable {
  38. height: auto;
  39. padding: @notice-bar-wrapable-padding;
  40. .van-notice-bar {
  41. &__wrap {
  42. height: auto;
  43. }
  44. &__content {
  45. position: relative;
  46. white-space: normal;
  47. word-wrap: break-word;
  48. }
  49. }
  50. }
  51. }