u-notice-bar.wxss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  6. */
  7. .u-notice-bar-wrap.data-v-087a7280 {
  8. overflow: hidden;
  9. }
  10. .u-notice-bar.data-v-087a7280 {
  11. padding: 18rpx 24rpx;
  12. overflow: hidden;
  13. }
  14. .u-direction-row.data-v-087a7280 {
  15. display: -webkit-box;
  16. display: -webkit-flex;
  17. display: flex;
  18. -webkit-box-orient: horizontal;
  19. -webkit-box-direction: normal;
  20. -webkit-flex-direction: row;
  21. flex-direction: row;
  22. -webkit-box-align: center;
  23. -webkit-align-items: center;
  24. align-items: center;
  25. -webkit-box-pack: justify;
  26. -webkit-justify-content: space-between;
  27. justify-content: space-between;
  28. }
  29. .u-left-icon.data-v-087a7280 {
  30. display: -webkit-box;
  31. display: -webkit-flex;
  32. display: flex;
  33. -webkit-box-orient: horizontal;
  34. -webkit-box-direction: normal;
  35. -webkit-flex-direction: row;
  36. flex-direction: row;
  37. -webkit-box-align: center;
  38. -webkit-align-items: center;
  39. align-items: center;
  40. }
  41. .u-notice-box.data-v-087a7280 {
  42. -webkit-box-flex: 1;
  43. -webkit-flex: 1;
  44. flex: 1;
  45. display: -webkit-box;
  46. display: -webkit-flex;
  47. display: flex;
  48. -webkit-box-orient: horizontal;
  49. -webkit-box-direction: normal;
  50. -webkit-flex-direction: row;
  51. flex-direction: row;
  52. overflow: hidden;
  53. margin-left: 12rpx;
  54. }
  55. .u-right-icon.data-v-087a7280 {
  56. margin-left: 12rpx;
  57. display: -webkit-box;
  58. display: -webkit-flex;
  59. display: flex;
  60. -webkit-box-orient: horizontal;
  61. -webkit-box-direction: normal;
  62. -webkit-flex-direction: row;
  63. flex-direction: row;
  64. -webkit-box-align: center;
  65. -webkit-align-items: center;
  66. align-items: center;
  67. }
  68. .u-notice-content.data-v-087a7280 {
  69. line-height: 1;
  70. white-space: nowrap;
  71. font-size: 26rpx;
  72. -webkit-animation: u-loop-animation-data-v-087a7280 10s linear infinite both;
  73. animation: u-loop-animation-data-v-087a7280 10s linear infinite both;
  74. text-align: right;
  75. padding-left: 100%;
  76. }
  77. @-webkit-keyframes u-loop-animation-data-v-087a7280 {
  78. 0% {
  79. -webkit-transform: translate3d(0, 0, 0);
  80. transform: translate3d(0, 0, 0);
  81. }
  82. 100% {
  83. -webkit-transform: translate3d(-100%, 0, 0);
  84. transform: translate3d(-100%, 0, 0);
  85. }
  86. }
  87. @keyframes u-loop-animation-data-v-087a7280 {
  88. 0% {
  89. -webkit-transform: translate3d(0, 0, 0);
  90. transform: translate3d(0, 0, 0);
  91. }
  92. 100% {
  93. -webkit-transform: translate3d(-100%, 0, 0);
  94. transform: translate3d(-100%, 0, 0);
  95. }
  96. }