list-cell.wxss 901 B

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