index.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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: 2rpx;
  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. word-break: keep-all;
  46. font-weight: 600;
  47. }
  48. .i-cell-desc {
  49. line-height: 1.5;
  50. font-size: 33rpx;
  51. font-family:'FangSong';
  52. color: #80848f
  53. }
  54. .i-cell-ft {
  55. position: relative;
  56. text-align: right;
  57. color: #495060
  58. }
  59. .i-cell-access .i-cell-ft {
  60. padding-right: 26rpx
  61. }
  62. .i-cell-access .i-cell-ft::after {
  63. content: " ";
  64. display: inline-block;
  65. width: 12rpx;
  66. height: 12rpx;
  67. position: absolute;
  68. top: 50%;
  69. right: 4rpx;
  70. border-width: 4rpx 4rpx 0 0;
  71. border-color: #dddee1;
  72. border-style: solid;
  73. transform: translateY(-50%) matrix(.71, .71, -.71, .71, 0, 0)
  74. }