app.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. page,
  2. view,
  3. scroll-view,
  4. cover-view {
  5. box-sizing: border-box
  6. }
  7. .tac {
  8. text-align: center;
  9. }
  10. .df {
  11. display: flex;
  12. }
  13. .jcsb {
  14. justify-content: space-between;
  15. }
  16. .jcc {
  17. justify-content: center;
  18. }
  19. .jcfe {
  20. justify-content: flex-end;
  21. }
  22. .jcsa {
  23. justify-content: space-around;
  24. }
  25. .aic {
  26. align-items: center;
  27. }
  28. .m10a {
  29. margin: 10rpx auto;
  30. }
  31. .m20a {
  32. margin: 20rpx auto;
  33. }
  34. .m30a {
  35. margin: 30rpx auto;
  36. }
  37. .m40a {
  38. margin: 40rpx auto;
  39. }
  40. .m50a {
  41. margin: 50rpx auto;
  42. }
  43. .mt10 {
  44. margin-top: 10rpx;
  45. }
  46. .mt20 {
  47. margin-top: 20rpx;
  48. }
  49. .mt30 {
  50. margin-top: 30rpx;
  51. }
  52. .mt40 {
  53. margin-top: 40rpx;
  54. }
  55. .mt50 {
  56. margin-top: 50rpx;
  57. }
  58. .mr10 {
  59. margin-right: 10rpx;
  60. }
  61. .mr20 {
  62. margin-right: 20rpx;
  63. }
  64. .mr30 {
  65. margin-right: 30rpx;
  66. }
  67. .mr40 {
  68. margin-right: 40rpx;
  69. }
  70. .mr50 {
  71. margin-right: 50rpx;
  72. }
  73. .mb10 {
  74. margin-bottom: 10rpx;
  75. }
  76. .mb20 {
  77. margin-bottom: 20rpx;
  78. }
  79. .mb30 {
  80. margin-bottom: 30rpx;
  81. }
  82. .mb40 {
  83. margin-bottom: 40rpx;
  84. }
  85. .mb50 {
  86. margin-bottom: 50rpx;
  87. }
  88. .ml10 {
  89. margin-left: 10rpx;
  90. }
  91. .ml20 {
  92. margin-left: 20rpx;
  93. }
  94. .ml30 {
  95. margin-left: 30rpx;
  96. }
  97. .ml40 {
  98. margin-left: 40rpx;
  99. }
  100. .ml50 {
  101. margin-left: 50rpx;
  102. }
  103. .p10 {
  104. padding: 10rpx;
  105. }
  106. .p20 {
  107. padding: 20rpx;
  108. }
  109. .p30 {
  110. padding: 30rpx;
  111. }
  112. .p40 {
  113. padding: 40rpx;
  114. }
  115. .p50 {
  116. padding: 50rpx;
  117. }
  118. .pb20 {
  119. padding-bottom: 20rpx;
  120. }
  121. .fs20 {
  122. font-size: 20rpx;
  123. }
  124. .fs22 {
  125. font-size: 22rpx;
  126. }
  127. .fs24 {
  128. font-size: 24rpx;
  129. }
  130. .fs28 {
  131. font-size: 28rpx;
  132. }
  133. .fs32 {
  134. font-size: 32rpx;
  135. }
  136. .fs36 {
  137. font-size: 36rpx;
  138. }
  139. .fs40 {
  140. font-size: 40rpx;
  141. }
  142. .scrollx {
  143. overflow-x: scroll;
  144. white-space: nowrap;
  145. }
  146. .scrolly {
  147. overflow-y: scroll;
  148. }
  149. .c3 {
  150. color: #333;
  151. }