index.wxss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .ant-list-item {
  2. align-items: center;
  3. background-color: #ffffff;
  4. color: #333333;
  5. line-height: 1.4;
  6. }
  7. .ant-list-item-hover {
  8. background-color: #eeeeee;
  9. }
  10. .ant-list-item-line {
  11. flex: 1;
  12. display: flex;
  13. padding: 12px;
  14. align-items: center;
  15. position: relative;
  16. }
  17. .ant-list-item-line-divider::after {
  18. content: '';
  19. position: absolute;
  20. background-color: #eeeeee;
  21. display: block;
  22. top: auto;
  23. right: 0;
  24. bottom: 0;
  25. left: 0;
  26. height: 1px;
  27. transform: scaleY(0.5);
  28. }
  29. .ant-list-item-line-disabled {
  30. opacity: 0.4;
  31. }
  32. .ant-list-item-image-container {
  33. margin-right: 12px;
  34. }
  35. .ant-list-item-image-container:empty {
  36. display: none;
  37. }
  38. .ant-list-item-image-icon {
  39. font-size: 26px;
  40. }
  41. .ant-list-item-image-image {
  42. width: 26px;
  43. height: 26px;
  44. overflow: hidden;
  45. }
  46. .ant-list-item-content-container {
  47. display: flex;
  48. flex: 1;
  49. flex-direction: column;
  50. }
  51. .ant-list-item-content-main {
  52. font-size: 17px;
  53. }
  54. .ant-list-item-content-title-container {
  55. font-size: 13px;
  56. color: #999999;
  57. }
  58. .ant-list-item-content-brief-container {
  59. font-size: 13px;
  60. color: #999999;
  61. }
  62. .ant-list-item-extra {
  63. font-size: 17px;
  64. display: flex;
  65. flex-direction: row-reverse;
  66. }
  67. .ant-list-item-extra:empty {
  68. display: none;
  69. }
  70. .ant-list-item-extra-container {
  71. display: flex;
  72. flex-direction: column;
  73. }
  74. .ant-list-item-extra-brief {
  75. display: flex;
  76. flex-direction: row-reverse;
  77. font-size: 15px;
  78. color: #999999;
  79. }
  80. .ant-list-item-arrow {
  81. margin-left: 4px;
  82. color: #cccccc;
  83. display: flex;
  84. align-items: center;
  85. }
  86. .ant-list-item-arrow .ant-icon {
  87. font-size: 18px;
  88. }
  89. .ant-list-item .line {
  90. height: 0.5px;
  91. background-color: #eeeeee;
  92. width: calc(100% - 24 * 0.5px);
  93. position: absolute;
  94. right: 0;
  95. }