u-row-notice.wxss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. view.data-v-d36ba0c0, scroll-view.data-v-d36ba0c0, swiper-item.data-v-d36ba0c0 {
  16. display: flex;
  17. flex-direction: column;
  18. flex-shrink: 0;
  19. flex-grow: 0;
  20. flex-basis: auto;
  21. align-items: stretch;
  22. align-content: flex-start;
  23. }
  24. .u-notice.data-v-d36ba0c0 {
  25. display: flex;
  26. flex-direction: row;
  27. align-items: center;
  28. justify-content: space-between;
  29. }
  30. .u-notice__left-icon.data-v-d36ba0c0 {
  31. align-items: center;
  32. margin-right: 5px;
  33. }
  34. .u-notice__right-icon.data-v-d36ba0c0 {
  35. margin-left: 5px;
  36. align-items: center;
  37. }
  38. .u-notice__content.data-v-d36ba0c0 {
  39. text-align: right;
  40. flex: 1;
  41. display: flex;
  42. flex-direction: row;
  43. flex-wrap: nowrap;
  44. overflow: hidden;
  45. }
  46. .u-notice__content__text.data-v-d36ba0c0 {
  47. font-size: 14px;
  48. color: #f9ae3d;
  49. padding-left: 100%;
  50. word-break: keep-all;
  51. white-space: nowrap;
  52. -webkit-animation: u-loop-animation-data-v-d36ba0c0 10s linear infinite both;
  53. animation: u-loop-animation-data-v-d36ba0c0 10s linear infinite both;
  54. display: flex;
  55. flex-direction: row;
  56. }
  57. @-webkit-keyframes u-loop-animation-data-v-d36ba0c0 {
  58. 0% {
  59. -webkit-transform: translate3d(0, 0, 0);
  60. transform: translate3d(0, 0, 0);
  61. }
  62. 100% {
  63. -webkit-transform: translate3d(-100%, 0, 0);
  64. transform: translate3d(-100%, 0, 0);
  65. }
  66. }
  67. @keyframes u-loop-animation-data-v-d36ba0c0 {
  68. 0% {
  69. -webkit-transform: translate3d(0, 0, 0);
  70. transform: translate3d(0, 0, 0);
  71. }
  72. 100% {
  73. -webkit-transform: translate3d(-100%, 0, 0);
  74. transform: translate3d(-100%, 0, 0);
  75. }
  76. }