index.acss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .notice-bar-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .notice-bar-index .van-notice-bar {
  7. display: -webkit-flex;
  8. display: flex;
  9. -webkit-align-items: center;
  10. align-items: center;
  11. height: 40px;
  12. height: var(--notice-bar-height, 40px);
  13. padding: 0 16px;
  14. padding: var(--notice-bar-padding, 0 16px);
  15. font-size: 14px;
  16. font-size: var(--notice-bar-font-size, 14px);
  17. color: #ed6a0c;
  18. color: var(--notice-bar-text-color, #ed6a0c);
  19. line-height: 24px;
  20. line-height: var(--notice-bar-line-height, 24px);
  21. background-color: #fffbe8;
  22. background-color: var(--notice-bar-background-color, #fffbe8);
  23. }
  24. .notice-bar-index .van-notice-bar--withicon {
  25. position: relative;
  26. padding-right: 40px;
  27. }
  28. .notice-bar-index .van-notice-bar--wrapable {
  29. height: auto;
  30. padding: 8px 16px;
  31. padding: var(--notice-bar-wrapable-padding, 8px 16px);
  32. }
  33. .notice-bar-index .van-notice-bar--wrapable .van-notice-bar__wrap {
  34. height: auto;
  35. }
  36. .notice-bar-index .van-notice-bar--wrapable .van-notice-bar__content {
  37. position: relative;
  38. white-space: normal;
  39. }
  40. .notice-bar-index .van-notice-bar__left-icon {
  41. display: -webkit-flex;
  42. display: flex;
  43. -webkit-align-items: center;
  44. align-items: center;
  45. margin-right: 4px;
  46. vertical-align: middle;
  47. }
  48. .notice-bar-index .van-notice-bar__left-icon,
  49. .notice-bar-index .van-notice-bar__right-icon {
  50. font-size: 16px;
  51. font-size: var(--notice-bar-icon-size, 16px);
  52. min-width: 22px;
  53. min-width: var(--notice-bar-icon-min-width, 22px);
  54. }
  55. .notice-bar-index .van-notice-bar__right-icon {
  56. position: absolute;
  57. top: 10px;
  58. right: 15px;
  59. }
  60. .notice-bar-index .van-notice-bar__wrap {
  61. position: relative;
  62. -webkit-flex: 1;
  63. flex: 1;
  64. overflow: hidden;
  65. height: 24px;
  66. height: var(--notice-bar-line-height, 24px);
  67. }
  68. .notice-bar-index .van-notice-bar__content {
  69. position: absolute;
  70. white-space: nowrap;
  71. }
  72. .notice-bar-index .van-notice-bar__content.van-ellipsis {
  73. max-width: 100%;
  74. }
  75. .notice-bar-index .am-navigator-wrap {
  76. width: initial;
  77. }