index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .i-cell {
  2. position: relative;
  3. padding: 24rpx 30rpx;
  4. display: flex;
  5. background: #fff;
  6. align-items: center;
  7. line-height: 1.4;
  8. font-size: 36rpx;
  9. font-family:'FangSong';
  10. font-weight: 400;
  11. overflow: hidden
  12. }
  13. .i-cell::after {
  14. content: '';
  15. position: absolute;
  16. top: 0;
  17. left: 0;
  18. width: 200%;
  19. height: 200%;
  20. transform: scale(.5);
  21. transform-origin: 0 0;
  22. pointer-events: none;
  23. box-sizing: border-box;
  24. border: 0 solid #e9eaec;
  25. border-bottom-width: 1px;
  26. left: 30rpx;
  27. right: 0
  28. }
  29. .i-cell-last::after {
  30. display: none
  31. }
  32. .i-cell-icon {
  33. margin-right: 10rpx
  34. }
  35. .i-cell-icon:empty {
  36. display: none
  37. }
  38. .i-cell-bd {
  39. flex: 1
  40. }
  41. .i-cell-text {
  42. line-height: 48rpx;
  43. font-size: 36rpx;
  44. font-family:'FangSong';
  45. font-weight: 600;
  46. }
  47. .i-cell-desc {
  48. line-height: 1.5;
  49. font-size: 33rpx;
  50. font-family:'FangSong';
  51. color: #80848f
  52. }
  53. .i-cell-ft {
  54. position: relative;
  55. text-align: right;
  56. color: #495060
  57. }
  58. .i-cell-access .i-cell-ft {
  59. padding-right: 26rpx
  60. }
  61. .i-cell-access .i-cell-ft::after {
  62. content: " ";
  63. display: inline-block;
  64. width: 6px;
  65. height: 6px;
  66. position: absolute;
  67. top: 50%;
  68. right: 2px;
  69. border-width: 2px 2px 0 0;
  70. border-color: #dddee1;
  71. border-style: solid;
  72. transform: translateY(-50%) matrix(.71, .71, -.71, .71, 0, 0)
  73. }