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

index.wxss 1.6 KB
Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 
  1. .ant-picker {
    2. 

  2.   display: inline-flex;
    3. 

  3.   align-items: center;
    4. 

  4.   color: #333333;
    5. 

  5. }
    6. 

  6. .ant-picker-disabled {
    7. 

  7.   color: #cccccc;
    8. 

  8. }
    9. 

  9. .ant-picker-header {
    10. 

  10.   position: relative;
    11. 

  11.   display: flex;
    12. 

  12.   align-items: center;
    13. 

  13.   justify-content: space-between;
    14. 

  14.   padding: 15px 12px 12px;
    15. 

  15.   box-sizing: border-box;
    16. 

  16. }
    17. 

  17. .ant-picker-header::after {
    18. 

  18.   content: '';
    19. 

  19.   position: absolute;
    20. 

  20.   background-color: #eeeeee;
    21. 

  21.   display: block;
    22. 

  22.   top: auto;
    23. 

  23.   right: 0;
    24. 

  24.   bottom: 0;
    25. 

  25.   left: 0;
    26. 

  26.   height: 1px;
    27. 

  27.   transform: scaleY(0.5);
    28. 

  28. }
    29. 

  29. .ant-picker-header-item {
    30. 

  30.   display: flex;
    31. 

  31.   align-items: center;
    32. 

  32.   height: 100%;
    33. 

  33.   white-space: nowrap;
    34. 

  34.   font-size: 15px;
    35. 

  35.   color: #1677ff;
    36. 

  36.   box-sizing: border-box;
    37. 

  37. }
    38. 

  38. .ant-picker-header-title {
    39. 

  39.   display: flex;
    40. 

  40.   justify-content: center;
    41. 

  41.   overflow: hidden;
    42. 

  42.   -webkit-line-clamp: 1;
    43. 

  43.   box-orient: vertical;
    44. 

  44.   white-space: normal;
    45. 

  45.   color: #333333;
    46. 

  46.   width: 259px;
    47. 

  47. }
    48. 

  48. .ant-picker-picker-view {
    49. 

  49.   width: 100%;
    50. 

  50.   height: 230px;
    51. 

  51. }
    52. 

  52. .ant-picker-picker-view-column {
    53. 

  53.   text-align: center;
    54. 

  54. }
    55. 

  55. .ant-picker-content {
    56. 

  56.   background: #ffffff;
    57. 

  57. }
    58. 

  58. .ant-picker-content .a-picker-view-picker-item {
    59. 

  59.   color: #333333;
    60. 

  60. }
    61. 

  61. .ant-picker-content .a-picker-view-picker-indicator::before,
    62. 

  62. .ant-picker-content .a-picker-view-picker-indicator::after {
    63. 

  63.   border-color: #eeeeee;
    64. 

  64. }
    65. 

  65. .ant-picker-content .a-picker-view-picker-mask {
    66. 

  66.   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
    67. 

  67.   will-change: transform;
    68. 

  68. }
    69. 

  69. .ant-picker-value-placeholder:not(:nth-child(1)),
    70. 

  70. .ant-picker-value-text:not(:nth-child(1)) {
    71. 

  71.   display: none;
    72. 

  72. }
    73. 

  73. .ant-picker-value-placeholder {
    74. 

  74.   color: #cccccc;
    75. 

  75. }
    76.