You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

159 lines
2.0 KiB

1 year ago
  1. /**app.wxss**/
  2. /* @import "./static/css/iconfont/iconfont.wxss"; */
  3. @import "./static/css/iconfont/iconfont.wxss";
  4. @import "./static//css/common.wxss";
  5. .container {
  6. height: 100%;
  7. display: flex;
  8. flex-direction: column;
  9. align-items: center;
  10. justify-content: space-between;
  11. padding: 200rpx 0;
  12. box-sizing: border-box;
  13. }
  14. .box-sizing-border{
  15. box-sizing: border-box;
  16. }
  17. .position-relative{
  18. position: relative;
  19. }
  20. .position-absolute{
  21. position: absolute;
  22. }
  23. .position-fixed{
  24. position: fixed;
  25. top: 0;
  26. left: 0;
  27. width: 100%;
  28. z-index: 99;
  29. }
  30. .position-sticky{
  31. position: sticky;
  32. }
  33. .d-flex{
  34. display: flex;
  35. flex-wrap: wrap;
  36. }
  37. .d-line{
  38. display: inline;
  39. }
  40. .d-inline-block{
  41. display: inline-block;
  42. }
  43. .align-center{
  44. align-items: center;
  45. }
  46. .justify-content-between{
  47. justify-content: space-between;
  48. }
  49. .bg-fff{
  50. background: #fff;
  51. }
  52. .bg-000{
  53. background: #000;
  54. }
  55. .pb-2{
  56. padding-bottom: 8px;
  57. }
  58. .pa-1{
  59. padding: 4px;
  60. }
  61. .pa-2{
  62. padding: 8px;
  63. }
  64. .px-2{
  65. padding-left: 8px;
  66. padding-right: 8px;
  67. }
  68. .py-2{
  69. padding-top: 8px;
  70. padding-bottom: 8px;
  71. }
  72. .py-3{
  73. padding-top: 12px;
  74. padding-bottom: 12px;
  75. }
  76. .ma-2{
  77. margin: 8px;
  78. }
  79. .ma-4{
  80. margin: 15px;
  81. }
  82. .mt-43{
  83. margin-top: 172px;
  84. }
  85. .mb-1{
  86. margin-bottom: 4px;
  87. }
  88. .mb-4{
  89. margin-bottom: 16px;
  90. }
  91. .ml-1{
  92. margin-left: 4px;
  93. }
  94. .ml-2{
  95. margin-left: 8px;
  96. }
  97. .border-all{
  98. border: 1px solid #f2f3f5;
  99. }
  100. .b-line{
  101. border-bottom: 2rpx solid #eee;
  102. }
  103. /* 文字不超过一行 */
  104. .text-ellipsis{
  105. overflow: hidden;
  106. width: 100%;
  107. text-overflow: ellipsis;
  108. white-space: nowrap;
  109. }
  110. /* 百分比宽度 */
  111. .w-50{
  112. width: 50%;
  113. }
  114. .w-80{
  115. width: 80%;
  116. }
  117. .w-100{
  118. width: 100%;
  119. }
  120. .height-percentage-100{
  121. height: 100%;
  122. }
  123. .width-percentage-100{
  124. width: 100%;
  125. }
  126. /* 字体大小 */
  127. .font-size-10{
  128. font-size: 10px;
  129. }
  130. .font-size-12{
  131. font-size: 24rpx;
  132. }
  133. .font-size-14{
  134. font-size: 28rpx;
  135. }
  136. .font-size-16{
  137. font-size: 32rpx;
  138. }
  139. .font-size-28{
  140. font-size: 28px;
  141. }
  142. /* 字体颜色 */
  143. .color-red{
  144. color: red;
  145. }
  146. .color-orange{
  147. color: #f37b1d;
  148. }
  149. .color-green{
  150. color: green;
  151. }
  152. .color-fff{
  153. color: #fff;
  154. }
  155. .color-333{
  156. color: #333;
  157. }