Home Explore Help
Register Sign In
fusu
/
1
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 3f5aa40415
Branches Tags
1
/
fore-end
/
miniprogram_npm
/
antd-mini
/
Checklist
/
ChecklistItem
/
index.wxss

index.wxss 1.2 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 
  1. .ant-checklist-item {
    2. 

  2.   background-color: #ffffff;
    3. 

  3. }
    4. 

  4. .ant-checklist-item-hover {
    5. 

  5.   background-color: #eeeeee;
    6. 

  6. }
    7. 

  7. .ant-checklist-item-content {
    8. 

  8.   display: flex;
    9. 

  9.   align-items: center;
    10. 

  10.   padding: 12px 12px;
    11. 

  11.   color: #333333;
    12. 

  12. }
    13. 

  13. .ant-checklist-item-content-disabled {
    14. 

  14.   opacity: 0.4;
    15. 

  15. }
    16. 

  16. .ant-checklist-item-content-box {
    17. 

  17.   flex: 1;
    18. 

  18. }
    19. 

  19. .ant-checklist-item-content-box-nut {
    20. 

  20.   display: flex;
    21. 

  21.   align-items: center;
    22. 

  22. }
    23. 

  23. .ant-checklist-item-image {
    24. 

  24.   width: 36px;
    25. 

  25.   height: 36px;
    26. 

  26.   border-radius: 4px;
    27. 

  27. }
    28. 

  28. .ant-checklist-item-text {
    29. 

  29.   flex: 1;
    30. 

  30.   margin-left: 12px;
    31. 

  31. }
    32. 

  32. .ant-checklist-item-text-no-image {
    33. 

  33.   margin-left: 0;
    34. 

  34. }
    35. 

  35. .ant-checklist-item-text-title {
    36. 

  36.   color: #333333;
    37. 

  37.   font-size: 17px;
    38. 

  38.   line-height: 24px;
    39. 

  39. }
    40. 

  40. .ant-checklist-item-text-description {
    41. 

  41.   font-size: 13px;
    42. 

  42.   color: #999999;
    43. 

  43.   margin-top: 1px;
    44. 

  44.   line-height: 18px;
    45. 

  45. }
    46. 

  46. .ant-checklist-item-checked-disabled {
    47. 

  47.   opacity: 0.4;
    48. 

  48. }
    49. 

  49. .ant-checklist-item:last-child .ant-checklist-item-line {
    50. 

  50.   display: none;
    51. 

  51. }
    52. 

  52. .ant-checklist-item-line {
    53. 

  53.   margin-left: 12px;
    54. 

  54.   position: relative;
    55. 

  55. }
    56. 

  56. .ant-checklist-item-line::after {
    57. 

  57.   content: '';
    58. 

  58.   position: absolute;
    59. 

  59.   background-color: #eeeeee;
    60. 

  60.   display: block;
    61. 

  61.   top: auto;
    62. 

  62.   right: 0;
    63. 

  63.   bottom: 0;
    64. 

  64.   left: 0;
    65. 

  65.   height: 1px;
    66. 

  66.   transform: scaleY(0.5);
    67. 

  67. }
    68.