index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .ant-notice-bar {
  2. position: relative;
  3. display: flex;
  4. height: 37.5px;
  5. align-items: center;
  6. overflow: hidden;
  7. padding: 8px 12px;
  8. font-size: 15px;
  9. color: #ff6010;
  10. background-color: #fff9ed;
  11. box-sizing: border-box;
  12. }
  13. .ant-notice-bar-error {
  14. color: #ffffff;
  15. background-color: #ff3141;
  16. }
  17. .ant-notice-bar-error-scroll-left,
  18. .ant-notice-bar-error-scroll-right {
  19. background: #ff3141;
  20. }
  21. .ant-notice-bar-primary {
  22. color: #1677ff;
  23. background-color: #d0e4ff;
  24. }
  25. .ant-notice-bar-primary-scroll-left,
  26. .ant-notice-bar-primary-scroll-right {
  27. background: #d0e4ff;
  28. }
  29. .ant-notice-bar-info {
  30. color: #ffffff;
  31. background: #666666;
  32. }
  33. .ant-notice-bar-info-scroll-left,
  34. .ant-notice-bar-info-scroll-right {
  35. background: #666666;
  36. }
  37. .ant-notice-bar-icon {
  38. margin-right: 8px;
  39. font-size: 18px;
  40. }
  41. .ant-notice-bar-icon-image-image {
  42. width: 18px;
  43. height: 18px;
  44. }
  45. .ant-notice-bar-content {
  46. position: relative;
  47. z-index: 2;
  48. flex: 1 100%;
  49. overflow: hidden;
  50. vertical-align: middle;
  51. line-height: 1.4;
  52. }
  53. .ant-notice-bar-marquee {
  54. overflow: hidden;
  55. text-overflow: ellipsis;
  56. white-space: nowrap;
  57. vertical-align: middle;
  58. }
  59. .ant-notice-bar-operation {
  60. display: flex;
  61. align-items: center;
  62. }
  63. .ant-notice-bar-operation-icon {
  64. margin-left: 12px;
  65. }
  66. .ant-icon-size-x-small {
  67. font-size: 18px;
  68. }