list-cell.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .tui-list-cell.data-v-58d7ac10 {
  2. position: relative;
  3. width: 100%;
  4. box-sizing: border-box;
  5. overflow: hidden;
  6. display: -webkit-box;
  7. display: -webkit-flex;
  8. display: flex;
  9. -webkit-box-align: center;
  10. -webkit-align-items: center;
  11. align-items: center;
  12. }
  13. .tui-radius.data-v-58d7ac10 {
  14. border-radius: 12rpx;
  15. overflow: hidden;
  16. }
  17. .tui-cell-hover.data-v-58d7ac10 {
  18. background: #f7f7f9 !important;
  19. }
  20. .tui-list-cell.data-v-58d7ac10::after {
  21. content: '';
  22. position: absolute;
  23. border-bottom: 2rpx solid #eee;
  24. -webkit-transform: scaleY(0.5);
  25. transform: scaleY(0.5);
  26. bottom: 0;
  27. right: 0;
  28. left: 0;
  29. }
  30. .tui-line-left.data-v-58d7ac10::after {
  31. left: 30rpx !important;
  32. }
  33. .tui-line-right.data-v-58d7ac10::after {
  34. right: 30rpx !important;
  35. }
  36. .tui-cell-last.data-v-58d7ac10::after {
  37. border-bottom: 0 !important;
  38. }
  39. .tui-list-cell.tui-cell-arrow.data-v-58d7ac10:before {
  40. content: ' ';
  41. height: 22rpx;
  42. width: 22rpx;
  43. border-width: 2rpx 2rpx 0 0;
  44. border-color: #b2b2b2;
  45. border-style: solid;
  46. -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  47. transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  48. position: absolute;
  49. top: 50%;
  50. margin-top: -12rpx;
  51. right: 30rpx;
  52. }