Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
fusu
/
1
1
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: 21afea431b
Gałęzie Tagi
1
/
fore-end
/
miniprogram_npm
/
antd-mini
/
NoticeBar
/
index.wxss

index.wxss 1.3 KB
Historia Czysty

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 
  1. .ant-notice-bar {
    2. 

  2.   position: relative;
    3. 

  3.   display: flex;
    4. 

  4.   height: 37.5px;
    5. 

  5.   align-items: center;
    6. 

  6.   overflow: hidden;
    7. 

  7.   padding: 8px 12px;
    8. 

  8.   font-size: 15px;
    9. 

  9.   color: #ff6010;
    10. 

  10.   background-color: #fff9ed;
    11. 

  11.   box-sizing: border-box;
    12. 

  12. }
    13. 

  13. .ant-notice-bar-error {
    14. 

  14.   color: #ffffff;
    15. 

  15.   background-color: #ff3141;
    16. 

  16. }
    17. 

  17. .ant-notice-bar-error-scroll-left,
    18. 

  18. .ant-notice-bar-error-scroll-right {
    19. 

  19.   background: #ff3141;
    20. 

  20. }
    21. 

  21. .ant-notice-bar-primary {
    22. 

  22.   color: #1677ff;
    23. 

  23.   background-color: #d0e4ff;
    24. 

  24. }
    25. 

  25. .ant-notice-bar-primary-scroll-left,
    26. 

  26. .ant-notice-bar-primary-scroll-right {
    27. 

  27.   background: #d0e4ff;
    28. 

  28. }
    29. 

  29. .ant-notice-bar-info {
    30. 

  30.   color: #ffffff;
    31. 

  31.   background: #666666;
    32. 

  32. }
    33. 

  33. .ant-notice-bar-info-scroll-left,
    34. 

  34. .ant-notice-bar-info-scroll-right {
    35. 

  35.   background: #666666;
    36. 

  36. }
    37. 

  37. .ant-notice-bar-icon {
    38. 

  38.   margin-right: 8px;
    39. 

  39.   font-size: 18px;
    40. 

  40. }
    41. 

  41. .ant-notice-bar-icon-image-image {
    42. 

  42.   width: 18px;
    43. 

  43.   height: 18px;
    44. 

  44. }
    45. 

  45. .ant-notice-bar-content {
    46. 

  46.   position: relative;
    47. 

  47.   z-index: 2;
    48. 

  48.   flex: 1 100%;
    49. 

  49.   overflow: hidden;
    50. 

  50.   vertical-align: middle;
    51. 

  51.   line-height: 1.4;
    52. 

  52. }
    53. 

  53. .ant-notice-bar-marquee {
    54. 

  54.   overflow: hidden;
    55. 

  55.   text-overflow: ellipsis;
    56. 

  56.   white-space: nowrap;
    57. 

  57.   vertical-align: middle;
    58. 

  58. }
    59. 

  59. .ant-notice-bar-operation {
    60. 

  60.   display: flex;
    61. 

  61.   align-items: center;
    62. 

  62. }
    63. 

  63. .ant-notice-bar-operation-icon {
    64. 

  64.   margin-left: 12px;
    65. 

  65. }
    66. 

  66. .ant-icon-size-x-small {
    67. 

  67.   font-size: 18px;
    68. 

  68. }
    69.