index.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .ant-checklist-item {
  2. background-color: #ffffff;
  3. }
  4. .ant-checklist-item-hover {
  5. background-color: #eeeeee;
  6. }
  7. .ant-checklist-item-content {
  8. display: flex;
  9. align-items: center;
  10. padding: 12px 12px;
  11. color: #333333;
  12. }
  13. .ant-checklist-item-content-disabled {
  14. opacity: 0.4;
  15. }
  16. .ant-checklist-item-content-box {
  17. flex: 1;
  18. }
  19. .ant-checklist-item-content-box-nut {
  20. display: flex;
  21. align-items: center;
  22. }
  23. .ant-checklist-item-image {
  24. width: 36px;
  25. height: 36px;
  26. border-radius: 4px;
  27. }
  28. .ant-checklist-item-text {
  29. flex: 1;
  30. margin-left: 12px;
  31. }
  32. .ant-checklist-item-text-no-image {
  33. margin-left: 0;
  34. }
  35. .ant-checklist-item-text-title {
  36. color: #333333;
  37. font-size: 17px;
  38. line-height: 24px;
  39. }
  40. .ant-checklist-item-text-description {
  41. font-size: 13px;
  42. color: #999999;
  43. margin-top: 1px;
  44. line-height: 18px;
  45. }
  46. .ant-checklist-item-checked-disabled {
  47. opacity: 0.4;
  48. }
  49. .ant-checklist-item:last-child .ant-checklist-item-line {
  50. display: none;
  51. }
  52. .ant-checklist-item-line {
  53. margin-left: 12px;
  54. position: relative;
  55. }
  56. .ant-checklist-item-line::after {
  57. content: '';
  58. position: absolute;
  59. background-color: #eeeeee;
  60. display: block;
  61. top: auto;
  62. right: 0;
  63. bottom: 0;
  64. left: 0;
  65. height: 1px;
  66. transform: scaleY(0.5);
  67. }