list-cell.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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. box-sizing: border-box;
  13. }
  14. .tui-radius.data-v-58d7ac10 {
  15. border-radius: 12rpx;
  16. overflow: hidden;
  17. }
  18. .tui-cell-hover.data-v-58d7ac10 {
  19. background: #f7f7f9 !important;
  20. }
  21. .tui-list-cell.data-v-58d7ac10::after {
  22. content: "";
  23. position: absolute;
  24. border-bottom: 2rpx solid #eee;
  25. -webkit-transform: scaleY(0.5);
  26. transform: scaleY(0.5);
  27. bottom: 0;
  28. right: 0;
  29. left: 0;
  30. }
  31. .tui-line-left.data-v-58d7ac10::after {
  32. left: 30rpx !important;
  33. }
  34. .tui-line-right.data-v-58d7ac10::after {
  35. right: 30rpx !important;
  36. }
  37. .tui-cell-last.data-v-58d7ac10::after {
  38. border-bottom: 0 !important;
  39. }
  40. .tui-list-cell.tui-cell-arrow.data-v-58d7ac10:before {
  41. content: " ";
  42. height: 22rpx;
  43. width: 22rpx;
  44. border-width: 2rpx 2rpx 0 0;
  45. border-color: #b2b2b2;
  46. border-style: solid;
  47. -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  48. transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  49. position: absolute;
  50. top: 50%;
  51. margin-top: -12rpx;
  52. right: 30rpx;
  53. }