tn-list-cell.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用
  6. */
  7. .tn-list-cell.data-v-5ba5bbbc {
  8. position: relative;
  9. width: 100%;
  10. box-sizing: border-box;
  11. background-color: #FFFFFF;
  12. color: #080808;
  13. font-size: 28rpx;
  14. padding: 26rpx 30rpx;
  15. }
  16. .tn-list-cell--radius.data-v-5ba5bbbc {
  17. border-radius: 12rpx;
  18. overflow: hidden;
  19. }
  20. .tn-list-cell--arrow.data-v-5ba5bbbc::before {
  21. content: " ";
  22. position: absolute;
  23. top: 50%;
  24. right: 30rpx;
  25. width: 20rpx;
  26. height: 20rpx;
  27. margin-top: -12rpx;
  28. border-width: 4rpx 4rpx 0 0;
  29. border-color: #E6E6E6;
  30. border-style: solid;
  31. -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  32. transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  33. }
  34. .tn-list-cell--arrow--none-right.data-v-5ba5bbbc::before {
  35. right: 0 !important;
  36. }
  37. .tn-list-cell.data-v-5ba5bbbc::after {
  38. content: " ";
  39. position: absolute;
  40. bottom: 0;
  41. right: 0;
  42. left: 0;
  43. pointer-events: none;
  44. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  45. -webkit-transform: scaleY(0.5) translateZ(0);
  46. transform: scaleY(0.5) translateZ(0);
  47. -webkit-transform-origin: 0 100%;
  48. transform-origin: 0 100%;
  49. }
  50. .tn-list-cell--line-left.data-v-5ba5bbbc::after {
  51. left: 30rpx !important;
  52. }
  53. .tn-list-cell--line-right.data-v-5ba5bbbc::after {
  54. right: 30rpx !important;
  55. }
  56. .tn-list-cell--unlined.data-v-5ba5bbbc::after {
  57. border-bottom: 0 !important;
  58. }