uni-load-more.wxss 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326
  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. -webkit-box-sizing: border-box;
  210. box-sizing: border-box;
  211. width: 100%;
  212. height: 100%;
  213. -webkit-border-radius: 50%;
  214. border-radius: 50%;
  215. border: solid 2px transparent;
  216. border-top: solid 2px #777777;
  217. -webkit-transform-origin: center;
  218. transform-origin: center;
  219. }
  220. .uni-load-more__img--android-MP > view.data-v-f85b9800:nth-child(1) {
  221. -webkit-animation: loading-android-MP-1-data-v-f85b9800 1s 0s linear infinite;
  222. animation: loading-android-MP-1-data-v-f85b9800 1s 0s linear infinite;
  223. }
  224. .uni-load-more__img--android-MP > view.data-v-f85b9800:nth-child(2) {
  225. -webkit-animation: loading-android-MP-2-data-v-f85b9800 1s 0s linear infinite;
  226. animation: loading-android-MP-2-data-v-f85b9800 1s 0s linear infinite;
  227. }
  228. .uni-load-more__img--android-MP > view.data-v-f85b9800:nth-child(3) {
  229. -webkit-animation: loading-android-MP-3-data-v-f85b9800 1s 0s linear infinite;
  230. animation: loading-android-MP-3-data-v-f85b9800 1s 0s linear infinite;
  231. }
  232. @keyframes loading-android-data-v-f85b9800 {
  233. 0% {
  234. -webkit-transform: rotate(0deg);
  235. transform: rotate(0deg);
  236. }
  237. 100% {
  238. -webkit-transform: rotate(360deg);
  239. transform: rotate(360deg);
  240. }
  241. }
  242. @-webkit-keyframes loading-android-MP-1-data-v-f85b9800 {
  243. 0% {
  244. -webkit-transform: rotate(0deg);
  245. transform: rotate(0deg);
  246. }
  247. 50% {
  248. -webkit-transform: rotate(90deg);
  249. transform: rotate(90deg);
  250. }
  251. 100% {
  252. -webkit-transform: rotate(360deg);
  253. transform: rotate(360deg);
  254. }
  255. }
  256. @keyframes loading-android-MP-1-data-v-f85b9800 {
  257. 0% {
  258. -webkit-transform: rotate(0deg);
  259. transform: rotate(0deg);
  260. }
  261. 50% {
  262. -webkit-transform: rotate(90deg);
  263. transform: rotate(90deg);
  264. }
  265. 100% {
  266. -webkit-transform: rotate(360deg);
  267. transform: rotate(360deg);
  268. }
  269. }
  270. @-webkit-keyframes loading-android-MP-2-data-v-f85b9800 {
  271. 0% {
  272. -webkit-transform: rotate(0deg);
  273. transform: rotate(0deg);
  274. }
  275. 50% {
  276. -webkit-transform: rotate(180deg);
  277. transform: rotate(180deg);
  278. }
  279. 100% {
  280. -webkit-transform: rotate(360deg);
  281. transform: rotate(360deg);
  282. }
  283. }
  284. @keyframes loading-android-MP-2-data-v-f85b9800 {
  285. 0% {
  286. -webkit-transform: rotate(0deg);
  287. transform: rotate(0deg);
  288. }
  289. 50% {
  290. -webkit-transform: rotate(180deg);
  291. transform: rotate(180deg);
  292. }
  293. 100% {
  294. -webkit-transform: rotate(360deg);
  295. transform: rotate(360deg);
  296. }
  297. }
  298. @-webkit-keyframes loading-android-MP-3-data-v-f85b9800 {
  299. 0% {
  300. -webkit-transform: rotate(0deg);
  301. transform: rotate(0deg);
  302. }
  303. 50% {
  304. -webkit-transform: rotate(270deg);
  305. transform: rotate(270deg);
  306. }
  307. 100% {
  308. -webkit-transform: rotate(360deg);
  309. transform: rotate(360deg);
  310. }
  311. }
  312. @keyframes loading-android-MP-3-data-v-f85b9800 {
  313. 0% {
  314. -webkit-transform: rotate(0deg);
  315. transform: rotate(0deg);
  316. }
  317. 50% {
  318. -webkit-transform: rotate(270deg);
  319. transform: rotate(270deg);
  320. }
  321. 100% {
  322. -webkit-transform: rotate(360deg);
  323. transform: rotate(360deg);
  324. }
  325. }