uni-notice-bar.wxss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. /* 页面左右间距 */
  12. /* 文字尺寸 */
  13. /*文字颜色*/
  14. /* 边框颜色 */
  15. /*颜色*/
  16. /* 图片加载中颜色 */
  17. /* 行为相关颜色 */
  18. /* 功能栏字体大小 */
  19. /*功能栏左侧小图标*/
  20. .uni-noticebar.data-v-24a05de4 {
  21. display: flex;
  22. width: 100%;
  23. box-sizing: border-box;
  24. flex-direction: row;
  25. align-items: center;
  26. padding: 6px 12px;
  27. margin-bottom: 10px;
  28. }
  29. .uni-noticebar-close.data-v-24a05de4 {
  30. margin-right: 5px;
  31. }
  32. .uni-noticebar-icon.data-v-24a05de4 {
  33. margin-right: 5px;
  34. }
  35. .uni-noticebar__content-wrapper.data-v-24a05de4 {
  36. flex: 1;
  37. flex-direction: column;
  38. overflow: hidden;
  39. }
  40. .uni-noticebar__content-wrapper--single.data-v-24a05de4 {
  41. line-height: 18px;
  42. }
  43. .uni-noticebar__content-wrapper--single.data-v-24a05de4,
  44. .uni-noticebar__content-wrapper--scrollable.data-v-24a05de4 {
  45. flex-direction: row;
  46. }
  47. .uni-noticebar__content-wrapper--scrollable.data-v-24a05de4 {
  48. position: relative;
  49. height: 18px;
  50. }
  51. .uni-noticebar__content--scrollable.data-v-24a05de4 {
  52. flex: 1;
  53. display: block;
  54. overflow: hidden;
  55. }
  56. .uni-noticebar__content--single.data-v-24a05de4 {
  57. display: flex;
  58. flex: none;
  59. width: 100%;
  60. justify-content: center;
  61. }
  62. .uni-noticebar__content-text.data-v-24a05de4 {
  63. font-size: 14px;
  64. line-height: 18px;
  65. word-break: break-all;
  66. }
  67. .uni-noticebar__content-text--single.data-v-24a05de4 {
  68. display: block;
  69. width: 100%;
  70. white-space: nowrap;
  71. overflow: hidden;
  72. text-overflow: ellipsis;
  73. }
  74. .uni-noticebar__content-text--scrollable.data-v-24a05de4 {
  75. position: absolute;
  76. display: block;
  77. height: 18px;
  78. line-height: 18px;
  79. white-space: nowrap;
  80. padding-left: 100%;
  81. -webkit-animation: notice-data-v-24a05de4 10s 0s linear infinite both;
  82. animation: notice-data-v-24a05de4 10s 0s linear infinite both;
  83. -webkit-animation-play-state: paused;
  84. animation-play-state: paused;
  85. }
  86. .uni-noticebar__more.data-v-24a05de4 {
  87. display: inline-flex;
  88. flex-direction: row;
  89. flex-wrap: nowrap;
  90. align-items: center;
  91. padding-left: 5px;
  92. }
  93. .uni-noticebar__more-text.data-v-24a05de4 {
  94. font-size: 14px;
  95. }
  96. @-webkit-keyframes notice-data-v-24a05de4 {
  97. 100% {
  98. -webkit-transform: translate3d(-100%, 0, 0);
  99. transform: translate3d(-100%, 0, 0);
  100. }
  101. }
  102. @keyframes notice-data-v-24a05de4 {
  103. 100% {
  104. -webkit-transform: translate3d(-100%, 0, 0);
  105. transform: translate3d(-100%, 0, 0);
  106. }
  107. }