app.wxss 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1. /**app.wxss**/
  2. @import '/font/iconfont.wxss';
  3. @import '/css/style.wxss';
  4. @import '/css/animate.wxss';
  5. .start {
  6. width: 122rpx;
  7. height: 30rpx;
  8. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAADMCAYAAAC8yreMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMDg0NEE2QTVFNUQxMUU4QUI3RkNGOTgwNDYyRUZDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODU5QzVENDMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODU5QzVEMzMwRjcxMUU5OTQ0QzlEOTQ5RkE1MTlBRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkN2ZhZTM5NC0wNmE4LTkzNGYtODA0OS0zNjBjNTcxOTU2YjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYWI1M2NhMC04MWE1LTE5NGItYmJlYi1jMzI2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');
  9. background-repeat: no-repeat;
  10. background-size: 122rpx auto;
  11. }
  12. .start.star5 {
  13. background-position: 0 3rpx;
  14. }
  15. .start.star4 {
  16. background-position: 0 -30rpx;
  17. }
  18. .start.star3 {
  19. background-position: 0 -70rpx;
  20. }
  21. .start.star2 {
  22. background-position: 0 -105rpx;
  23. }
  24. .start.star1 {
  25. background-position: 0 -140rpx;
  26. }
  27. .start.star0 {
  28. background-position: 0 -175rpx;
  29. }
  30. page {
  31. font-size: 28rpx;
  32. background-color: #F4F5F7;
  33. color: #333;
  34. }
  35. view {
  36. box-sizing: border-box;
  37. }
  38. .acea-row {
  39. display: flex;
  40. flex-wrap: wrap;
  41. }
  42. .acea-row.row-top {
  43. align-items: flex-start;
  44. }
  45. .acea-row.row-middle {
  46. align-items: center;
  47. }
  48. .acea-row.row-bottom {
  49. align-items: flex-end;
  50. }
  51. .acea-row.row-left {
  52. justify-content: flex-start;
  53. }
  54. .acea-row.row-center {
  55. justify-content: center;
  56. }
  57. .acea-row.row-right {
  58. justify-content: flex-end;
  59. }
  60. .acea-row.row-between {
  61. justify-content: space-between;
  62. }
  63. .acea-row.row-around {
  64. justify-content: space-around;
  65. }
  66. .acea-row.row-column {
  67. flex-direction: column;
  68. }
  69. .acea-row.row-column-between {
  70. flex-direction: column;
  71. justify-content: space-between;
  72. }
  73. .acea-row.row-column-around {
  74. flex-direction: column;
  75. justify-content: space-around;
  76. }
  77. .acea-row.row-center-wrapper {
  78. align-items: center;
  79. justify-content: center;
  80. }
  81. .acea-row.row-between-wrapper {
  82. align-items: center;
  83. justify-content: space-between;
  84. }
  85. .font-color {
  86. color: #FD5400 !important;
  87. }
  88. .bg-color {
  89. background-color: #FD5400 !important;
  90. }
  91. .icon-color {
  92. color: #FD5400;
  93. }
  94. .cart-color {
  95. color: #FD5400 !important;
  96. border: 1px solid #FD5400 !important;
  97. }
  98. /* 单选 */
  99. radio .wx-radio-input {
  100. border-radius: 50%;
  101. width: 38rpx;
  102. height: 38rpx;
  103. }
  104. radio .wx-radio-input.wx-radio-input-checked {
  105. border: 1px solid #FD5400 !important;
  106. background-color: #FD5400 !important;
  107. }
  108. /* 多选 */
  109. checkbox .wx-checkbox-input {
  110. border-radius: 50%;
  111. width: 38rpx;
  112. height: 38rpx;
  113. }
  114. checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  115. border: 1px solid #FD5400 !important;
  116. background-color: #FD5400 !important;
  117. color: #fff !important;
  118. }
  119. checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  120. font-size: 35rpx;
  121. }
  122. .line1 {
  123. overflow: hidden;
  124. text-overflow: ellipsis;
  125. white-space: nowrap;
  126. }
  127. .line2 {
  128. word-break: break-all;
  129. display: -webkit-box;
  130. -webkit-line-clamp: 2;
  131. -webkit-box-orient: vertical;
  132. overflow: hidden;
  133. }
  134. .mask {
  135. position: fixed;
  136. top: 0;
  137. left: 0;
  138. right: 0;
  139. bottom: 0;
  140. background-color: #000;
  141. opacity: 0.5;
  142. z-index: 5;
  143. }
  144. button {
  145. padding: 0;
  146. margin: 0;
  147. line-height: normal;
  148. background-color: #fff;
  149. }
  150. button::after {
  151. border: 0;
  152. }
  153. @keyframes load {
  154. from {
  155. transform: rotate(0deg);
  156. }
  157. to {
  158. transform: rotate(360deg);
  159. }
  160. }
  161. .loadingpic {
  162. animation: load 3s linear 1s infinite;
  163. }
  164. .loading-list {
  165. animation: load linear 1s infinite;
  166. font-size: 40rpx;
  167. margin-right: 22rpx;
  168. }
  169. .loading {
  170. width: 100%;
  171. height: 100rpx;
  172. line-height: 100rpx;
  173. align-items: center;
  174. justify-content: center;
  175. position: relative;
  176. text-align: center;
  177. }
  178. .loading .line {
  179. position: absolute;
  180. width: 450rpx;
  181. left: 150rpx;
  182. top: 50rpx;
  183. height: 1px;
  184. border-top: 1px solid #eee;
  185. }
  186. .loading .text {
  187. position: relative;
  188. display: inline-block;
  189. padding: 0 20rpx;
  190. background: #fff;
  191. z-index: 2;
  192. color: #777;
  193. }
  194. .loadingicon .loading {
  195. animation: load linear 1s infinite;
  196. font-size: 45rpx;
  197. color: #000;
  198. }
  199. .loadingicon {
  200. width: 100%;
  201. height: 80rpx;
  202. }