index.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. .wux-cell {
  2. padding: 0;
  3. margin: 0;
  4. border-radius: 0;
  5. color: inherit!important;
  6. background: 0 0!important;
  7. font-size: inherit;
  8. font-weight: 400;
  9. line-height: inherit;
  10. text-align: inherit;
  11. text-decoration: none;
  12. overflow: visible;
  13. min-height: 0!important;
  14. width: auto!important;
  15. box-sizing: border-box;
  16. -webkit-tap-highlight-color: transparent;
  17. padding: 20rpx 30rpx;
  18. position: relative;
  19. display: flex;
  20. align-items: center;
  21. background: #fff
  22. }
  23. .wux-cell::after {
  24. display: block;
  25. position: static;
  26. top: auto;
  27. left: auto;
  28. width: auto;
  29. height: auto;
  30. border: none;
  31. border-radius: 0;
  32. transform: none;
  33. transform-origin: 0 0
  34. }
  35. .wux-cell--align-flex-start {
  36. align-items: flex-start
  37. }
  38. .wux-cell--align-center {
  39. align-items: center
  40. }
  41. .wux-cell--has-line.wux-cell::after {
  42. content: " ";
  43. position: absolute;
  44. left: 0;
  45. bottom: 0;
  46. right: 0;
  47. height: 1PX;
  48. border-bottom: 1PX solid #d9d9d9;
  49. color: #d9d9d9;
  50. transform-origin: 0 100%;
  51. transform: scaleY(.5);
  52. left: 30rpx
  53. }
  54. .wux-cell--has-line.wux-cell--last::after {
  55. display: none
  56. }
  57. .wux-cell--hover {
  58. background-color: #ececec!important
  59. }
  60. .wux-cell--disabled {
  61. opacity: .3
  62. }
  63. .wux-cell__thumb {
  64. width: 40rpx;
  65. height: 40rpx;
  66. display: block;
  67. margin-right: 10rpx
  68. }
  69. .wux-cell__bd {
  70. flex: 1
  71. }
  72. .wux-cell__text {
  73. text-align: left
  74. }
  75. .wux-cell__desc {
  76. text-align: left;
  77. line-height: 1.2;
  78. font-size: 24rpx;
  79. color: rgba(0,0,0,.45)
  80. }
  81. .wux-cell__ft {
  82. display: flex;
  83. align-self: center;
  84. text-align: right;
  85. color: rgba(0,0,0,.45)
  86. }
  87. .wux-cell__arrow:not(:empty) {
  88. flex: none;
  89. display: flex;
  90. align-items: center;
  91. margin-left: 10rpx
  92. }
  93. .wux-cell--access > .wux-cell__ft {
  94. padding-right: 38rpx;
  95. position: relative
  96. }
  97. .wux-cell--access > .wux-cell__ft::after {
  98. content: " ";
  99. display: inline-block;
  100. width: 30rpx;
  101. height: 30rpx;
  102. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2%200L0%202l11.5%2011L0%2024l2%202%2014-13z%22%20fill%3D%22%23c7c7cc%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  103. background-size: contain;
  104. background-repeat: no-repeat;
  105. background-position: 50% 50%;
  106. transform: rotate(0);
  107. transform: rotate(0) translateY(-50%);
  108. position: absolute;
  109. top: 50%;
  110. right: 0
  111. }