list-cell.wxss 1.3 KB

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