uni-load-more.wxss 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. /* 页面左右间距 */
  12. /* 文字尺寸 */
  13. /*文字颜色*/
  14. /* 边框颜色 */
  15. /*颜色*/
  16. /* 图片加载中颜色 */
  17. /* 行为相关颜色 */
  18. /* 功能栏字体大小 */
  19. /*功能栏左侧小图标*/
  20. .uni-load-more.data-v-f85b9800 {
  21. display: -webkit-box;
  22. display: -webkit-flex;
  23. display: flex;
  24. -webkit-box-orient: horizontal;
  25. -webkit-box-direction: normal;
  26. -webkit-flex-direction: row;
  27. flex-direction: row;
  28. height: 40px;
  29. -webkit-box-align: center;
  30. -webkit-align-items: center;
  31. align-items: center;
  32. -webkit-box-pack: center;
  33. -webkit-justify-content: center;
  34. justify-content: center;
  35. }
  36. .uni-load-more__text.data-v-f85b9800 {
  37. font-size: 15px;
  38. }
  39. .uni-load-more__img.data-v-f85b9800 {
  40. width: 24px;
  41. height: 24px;
  42. margin-right: 8px;
  43. }
  44. .uni-load-more__img--nvue.data-v-f85b9800 {
  45. color: #666666;
  46. }
  47. .uni-load-more__img--android.data-v-f85b9800,
  48. .uni-load-more__img--ios.data-v-f85b9800 {
  49. width: 24px;
  50. height: 24px;
  51. -webkit-transform: rotate(0deg);
  52. transform: rotate(0deg);
  53. }
  54. .uni-load-more__img--android.data-v-f85b9800 {
  55. -webkit-animation: loading-ios 1s 0s linear infinite;
  56. animation: loading-ios 1s 0s linear infinite;
  57. }
  58. @-webkit-keyframes loading-android-data-v-f85b9800 {
  59. 0% {
  60. -webkit-transform: rotate(0deg);
  61. transform: rotate(0deg);
  62. }
  63. 100% {
  64. -webkit-transform: rotate(360deg);
  65. transform: rotate(360deg);
  66. }
  67. }
  68. @keyframes loading-android-data-v-f85b9800 {
  69. 0% {
  70. -webkit-transform: rotate(0deg);
  71. transform: rotate(0deg);
  72. }
  73. 100% {
  74. -webkit-transform: rotate(360deg);
  75. transform: rotate(360deg);
  76. }
  77. }
  78. .uni-load-more__img--ios-H5.data-v-f85b9800 {
  79. position: relative;
  80. -webkit-animation: loading-ios-H5-data-v-f85b9800 1s 0s step-end infinite;
  81. animation: loading-ios-H5-data-v-f85b9800 1s 0s step-end infinite;
  82. }
  83. .uni-load-more__img--ios-H5 > image.data-v-f85b9800 {
  84. position: absolute;
  85. width: 100%;
  86. height: 100%;
  87. left: 0;
  88. top: 0;
  89. }
  90. @-webkit-keyframes loading-ios-H5-data-v-f85b9800 {
  91. 0% {
  92. -webkit-transform: rotate(0deg);
  93. transform: rotate(0deg);
  94. }
  95. 8% {
  96. -webkit-transform: rotate(30deg);
  97. transform: rotate(30deg);
  98. }
  99. 16% {
  100. -webkit-transform: rotate(60deg);
  101. transform: rotate(60deg);
  102. }
  103. 24% {
  104. -webkit-transform: rotate(90deg);
  105. transform: rotate(90deg);
  106. }
  107. 32% {
  108. -webkit-transform: rotate(120deg);
  109. transform: rotate(120deg);
  110. }
  111. 40% {
  112. -webkit-transform: rotate(150deg);
  113. transform: rotate(150deg);
  114. }
  115. 48% {
  116. -webkit-transform: rotate(180deg);
  117. transform: rotate(180deg);
  118. }
  119. 56% {
  120. -webkit-transform: rotate(210deg);
  121. transform: rotate(210deg);
  122. }
  123. 64% {
  124. -webkit-transform: rotate(240deg);
  125. transform: rotate(240deg);
  126. }
  127. 73% {
  128. -webkit-transform: rotate(270deg);
  129. transform: rotate(270deg);
  130. }
  131. 82% {
  132. -webkit-transform: rotate(300deg);
  133. transform: rotate(300deg);
  134. }
  135. 91% {
  136. -webkit-transform: rotate(330deg);
  137. transform: rotate(330deg);
  138. }
  139. 100% {
  140. -webkit-transform: rotate(360deg);
  141. transform: rotate(360deg);
  142. }
  143. }
  144. @keyframes loading-ios-H5-data-v-f85b9800 {
  145. 0% {
  146. -webkit-transform: rotate(0deg);
  147. transform: rotate(0deg);
  148. }
  149. 8% {
  150. -webkit-transform: rotate(30deg);
  151. transform: rotate(30deg);
  152. }
  153. 16% {
  154. -webkit-transform: rotate(60deg);
  155. transform: rotate(60deg);
  156. }
  157. 24% {
  158. -webkit-transform: rotate(90deg);
  159. transform: rotate(90deg);
  160. }
  161. 32% {
  162. -webkit-transform: rotate(120deg);
  163. transform: rotate(120deg);
  164. }
  165. 40% {
  166. -webkit-transform: rotate(150deg);
  167. transform: rotate(150deg);
  168. }
  169. 48% {
  170. -webkit-transform: rotate(180deg);
  171. transform: rotate(180deg);
  172. }
  173. 56% {
  174. -webkit-transform: rotate(210deg);
  175. transform: rotate(210deg);
  176. }
  177. 64% {
  178. -webkit-transform: rotate(240deg);
  179. transform: rotate(240deg);
  180. }
  181. 73% {
  182. -webkit-transform: rotate(270deg);
  183. transform: rotate(270deg);
  184. }
  185. 82% {
  186. -webkit-transform: rotate(300deg);
  187. transform: rotate(300deg);
  188. }
  189. 91% {
  190. -webkit-transform: rotate(330deg);
  191. transform: rotate(330deg);
  192. }
  193. 100% {
  194. -webkit-transform: rotate(360deg);
  195. transform: rotate(360deg);
  196. }
  197. }
  198. .uni-load-more__img--android-MP.data-v-f85b9800 {
  199. position: relative;
  200. width: 24px;
  201. height: 24px;
  202. -webkit-transform: rotate(0deg);
  203. transform: rotate(0deg);
  204. -webkit-animation: loading-ios 1s 0s ease infinite;
  205. animation: loading-ios 1s 0s ease infinite;
  206. }
  207. .uni-load-more__img--android-MP > view.data-v-f85b9800 {
  208. position: absolute;
  209. box-sizing: border-box;
  210. width: 100%;
  211. height: 100%;
  212. border-radius: 50%;
  213. border: solid 2px transparent;
  214. border-top: solid 2px #777777;
  215. -webkit-transform-origin: center;
  216. transform-origin: center;
  217. }
  218. .uni-load-more__img--android-MP > view.data-v-f85b9800:nth-child(1) {
  219. -webkit-animation: loading-android-MP-1-data-v-f85b9800 1s 0s linear infinite;
  220. animation: loading-android-MP-1-data-v-f85b9800 1s 0s linear infinite;
  221. }
  222. .uni-load-more__img--android-MP > view.data-v-f85b9800:nth-child(2) {
  223. -webkit-animation: loading-android-MP-2-data-v-f85b9800 1s 0s linear infinite;
  224. animation: loading-android-MP-2-data-v-f85b9800 1s 0s linear infinite;
  225. }
  226. .uni-load-more__img--android-MP > view.data-v-f85b9800:nth-child(3) {
  227. -webkit-animation: loading-android-MP-3-data-v-f85b9800 1s 0s linear infinite;
  228. animation: loading-android-MP-3-data-v-f85b9800 1s 0s linear infinite;
  229. }
  230. @keyframes loading-android-data-v-f85b9800 {
  231. 0% {
  232. -webkit-transform: rotate(0deg);
  233. transform: rotate(0deg);
  234. }
  235. 100% {
  236. -webkit-transform: rotate(360deg);
  237. transform: rotate(360deg);
  238. }
  239. }
  240. @-webkit-keyframes loading-android-MP-1-data-v-f85b9800 {
  241. 0% {
  242. -webkit-transform: rotate(0deg);
  243. transform: rotate(0deg);
  244. }
  245. 50% {
  246. -webkit-transform: rotate(90deg);
  247. transform: rotate(90deg);
  248. }
  249. 100% {
  250. -webkit-transform: rotate(360deg);
  251. transform: rotate(360deg);
  252. }
  253. }
  254. @keyframes loading-android-MP-1-data-v-f85b9800 {
  255. 0% {
  256. -webkit-transform: rotate(0deg);
  257. transform: rotate(0deg);
  258. }
  259. 50% {
  260. -webkit-transform: rotate(90deg);
  261. transform: rotate(90deg);
  262. }
  263. 100% {
  264. -webkit-transform: rotate(360deg);
  265. transform: rotate(360deg);
  266. }
  267. }
  268. @-webkit-keyframes loading-android-MP-2-data-v-f85b9800 {
  269. 0% {
  270. -webkit-transform: rotate(0deg);
  271. transform: rotate(0deg);
  272. }
  273. 50% {
  274. -webkit-transform: rotate(180deg);
  275. transform: rotate(180deg);
  276. }
  277. 100% {
  278. -webkit-transform: rotate(360deg);
  279. transform: rotate(360deg);
  280. }
  281. }
  282. @keyframes loading-android-MP-2-data-v-f85b9800 {
  283. 0% {
  284. -webkit-transform: rotate(0deg);
  285. transform: rotate(0deg);
  286. }
  287. 50% {
  288. -webkit-transform: rotate(180deg);
  289. transform: rotate(180deg);
  290. }
  291. 100% {
  292. -webkit-transform: rotate(360deg);
  293. transform: rotate(360deg);
  294. }
  295. }
  296. @-webkit-keyframes loading-android-MP-3-data-v-f85b9800 {
  297. 0% {
  298. -webkit-transform: rotate(0deg);
  299. transform: rotate(0deg);
  300. }
  301. 50% {
  302. -webkit-transform: rotate(270deg);
  303. transform: rotate(270deg);
  304. }
  305. 100% {
  306. -webkit-transform: rotate(360deg);
  307. transform: rotate(360deg);
  308. }
  309. }
  310. @keyframes loading-android-MP-3-data-v-f85b9800 {
  311. 0% {
  312. -webkit-transform: rotate(0deg);
  313. transform: rotate(0deg);
  314. }
  315. 50% {
  316. -webkit-transform: rotate(270deg);
  317. transform: rotate(270deg);
  318. }
  319. 100% {
  320. -webkit-transform: rotate(360deg);
  321. transform: rotate(360deg);
  322. }
  323. }