index.css 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542
  1. .zp-container[data-v-b55bdf15]{
  2. display: flex;
  3. align-items: center;
  4. justify-content: center;
  5. }
  6. .zp-container-fixed[data-v-b55bdf15] {
  7. position: absolute;
  8. top: 0;
  9. left: 0;
  10. width: 100%;
  11. height: 100%;
  12. }
  13. .zp-main[data-v-b55bdf15]{
  14. display: flex;
  15. flex-direction: column;
  16. align-items: center;
  17. padding: 1.5625rem 0;
  18. }
  19. .zp-main-image-rpx[data-v-b55bdf15] {
  20. width: 7.5rem;
  21. height: 7.5rem;
  22. }
  23. .zp-main-image-px[data-v-b55bdf15] {
  24. width: 120px;
  25. height: 120px;
  26. }
  27. .zp-main-title[data-v-b55bdf15] {
  28. color: #aaaaaa;
  29. text-align: center;
  30. }
  31. .zp-main-title-rpx[data-v-b55bdf15] {
  32. font-size: 0.875rem;
  33. margin-top: 0.3125rem;
  34. padding: 0 0.625rem;
  35. }
  36. .zp-main-title-px[data-v-b55bdf15] {
  37. font-size: 14px;
  38. margin-top: 5px;
  39. padding: 0px 10px;
  40. }
  41. .zp-main-error-btn[data-v-b55bdf15] {
  42. border: solid 1px #dddddd;
  43. color: #aaaaaa;
  44. }
  45. .zp-main-error-btn-rpx[data-v-b55bdf15] {
  46. font-size: 0.875rem;
  47. padding: 0.25rem 0.75rem;
  48. border-radius: 0.1875rem;
  49. margin-top: 1.5625rem;
  50. }
  51. .zp-main-error-btn-px[data-v-b55bdf15] {
  52. font-size: 14px;
  53. padding: 4px 12px;
  54. border-radius: 3px;
  55. margin-top: 25px;
  56. }
  57. /* [z-paging]公用的静态css资源 */
  58. .zp-line-loading-image[data-v-fff6d205] {
  59. animation: loading-flower-fff6d205 1s steps(12) infinite;
  60. color: #666666;
  61. }
  62. .zp-line-loading-image-rpx[data-v-fff6d205] {
  63. margin-right: 0.25rem;
  64. width: 1.0625rem;
  65. height: 1.0625rem;
  66. }
  67. .zp-line-loading-image-px[data-v-fff6d205] {
  68. margin-right: 4px;
  69. width: 17px;
  70. height: 17px;
  71. }
  72. .zp-loading-image-ios-rpx[data-v-fff6d205] {
  73. width: 1.25rem;
  74. height: 1.25rem;
  75. }
  76. .zp-loading-image-ios-px[data-v-fff6d205] {
  77. width: 20px;
  78. height: 20px;
  79. }
  80. .zp-loading-image-android-rpx[data-v-fff6d205] {
  81. width: 1.0625rem;
  82. height: 1.0625rem;
  83. }
  84. .zp-loading-image-android-px[data-v-fff6d205] {
  85. width: 17px;
  86. height: 17px;
  87. }
  88. @keyframes loading-flower-fff6d205 {
  89. 0% {
  90. transform: rotate(0deg);
  91. }
  92. to {
  93. transform: rotate(1turn);
  94. }
  95. }
  96. .zp-r-container[data-v-fff6d205] {
  97. display: flex;
  98. height: 100%;
  99. flex-direction: row;
  100. justify-content: center;
  101. align-items: center;
  102. }
  103. .zp-r-container-padding[data-v-fff6d205] {
  104. }
  105. .zp-r-left[data-v-fff6d205] {
  106. display: flex;
  107. flex-direction: row;
  108. align-items: center;
  109. overflow: hidden;
  110. }
  111. .zp-r-left-image[data-v-fff6d205] {
  112. transition-duration: .2s;
  113. transition-property: transform;
  114. color: #666666;
  115. }
  116. .zp-r-left-image-pre-size-rpx[data-v-fff6d205] {
  117. width: 1.0625rem;
  118. height: 1.0625rem;
  119. overflow: hidden;
  120. }
  121. .zp-r-left-image-pre-size-px[data-v-fff6d205] {
  122. width: 17px;
  123. height: 17px;
  124. overflow: hidden;
  125. }
  126. .zp-r-arrow-top[data-v-fff6d205] {
  127. transform: rotate(0deg);
  128. }
  129. .zp-r-arrow-down[data-v-fff6d205] {
  130. transform: rotate(180deg);
  131. }
  132. .zp-r-right[data-v-fff6d205] {
  133. display: flex;
  134. flex-direction: column;
  135. align-items: center;
  136. justify-content: center;
  137. }
  138. .zp-r-right-time-text-rpx[data-v-fff6d205] {
  139. margin-top: 0.3125rem;
  140. font-size: 0.8125rem;
  141. }
  142. .zp-r-right-time-text-px[data-v-fff6d205] {
  143. margin-top: 5px;
  144. font-size: 13px;
  145. }
  146. /* [z-paging]公用的静态css资源 */
  147. .zp-line-loading-image[data-v-0a5fd7d6] {
  148. animation: loading-flower-0a5fd7d6 1s steps(12) infinite;
  149. color: #666666;
  150. }
  151. .zp-line-loading-image-rpx[data-v-0a5fd7d6] {
  152. margin-right: 0.25rem;
  153. width: 1.0625rem;
  154. height: 1.0625rem;
  155. }
  156. .zp-line-loading-image-px[data-v-0a5fd7d6] {
  157. margin-right: 4px;
  158. width: 17px;
  159. height: 17px;
  160. }
  161. .zp-loading-image-ios-rpx[data-v-0a5fd7d6] {
  162. width: 1.25rem;
  163. height: 1.25rem;
  164. }
  165. .zp-loading-image-ios-px[data-v-0a5fd7d6] {
  166. width: 20px;
  167. height: 20px;
  168. }
  169. .zp-loading-image-android-rpx[data-v-0a5fd7d6] {
  170. width: 1.0625rem;
  171. height: 1.0625rem;
  172. }
  173. .zp-loading-image-android-px[data-v-0a5fd7d6] {
  174. width: 17px;
  175. height: 17px;
  176. }
  177. @keyframes loading-flower-0a5fd7d6 {
  178. 0% {
  179. transform: rotate(0deg);
  180. }
  181. to {
  182. transform: rotate(1turn);
  183. }
  184. }
  185. .zp-l-container[data-v-0a5fd7d6] {
  186. clear: both;
  187. display: flex;
  188. flex-direction: row;
  189. align-items: center;
  190. justify-content: center;
  191. }
  192. .zp-l-container-rpx[data-v-0a5fd7d6] {
  193. height: 2.5rem;
  194. font-size: 0.84375rem;
  195. }
  196. .zp-l-container-px[data-v-0a5fd7d6] {
  197. height: 40px;
  198. font-size: 14px;
  199. }
  200. .zp-l-line-loading-custom-image[data-v-0a5fd7d6] {
  201. color: #a4a4a4;
  202. }
  203. .zp-l-line-loading-custom-image-rpx[data-v-0a5fd7d6] {
  204. margin-right: 0.25rem;
  205. width: 0.875rem;
  206. height: 0.875rem;
  207. }
  208. .zp-l-line-loading-custom-image-px[data-v-0a5fd7d6] {
  209. margin-right: 4px;
  210. width: 14px;
  211. height: 14px;
  212. }
  213. .zp-l-line-loading-custom-image-animated[data-v-0a5fd7d6]{
  214. animation: loading-circle-0a5fd7d6 1s linear infinite;
  215. }
  216. .zp-l-circle-loading-view[data-v-0a5fd7d6] {
  217. border: 0.09375rem solid #dddddd;
  218. border-radius: 50%;
  219. animation: loading-circle-0a5fd7d6 1s linear infinite;
  220. }
  221. .zp-l-circle-loading-view-rpx[data-v-0a5fd7d6] {
  222. margin-right: 0.25rem;
  223. width: 0.71875rem;
  224. height: 0.71875rem;
  225. }
  226. .zp-l-circle-loading-view-px[data-v-0a5fd7d6] {
  227. margin-right: 4px;
  228. width: 12px;
  229. height: 12px;
  230. }
  231. .zp-l-text-rpx[data-v-0a5fd7d6] {
  232. font-size: 0.9375rem;
  233. margin: 0 0.1875rem;
  234. }
  235. .zp-l-text-px[data-v-0a5fd7d6] {
  236. font-size: 15px;
  237. margin: 0px 3px;
  238. }
  239. .zp-l-line-rpx[data-v-0a5fd7d6] {
  240. height: 1px;
  241. width: 3.125rem;
  242. margin: 0 0.3125rem;
  243. }
  244. .zp-l-line-px[data-v-0a5fd7d6] {
  245. height: 1px;
  246. width: 50px;
  247. margin: 0 5px;
  248. }
  249. @keyframes loading-circle-0a5fd7d6 {
  250. 0% {
  251. transform: rotate(0deg);
  252. }
  253. 100% {
  254. transform: rotate(360deg);
  255. }
  256. }
  257. /* [z-paging]公共css*/
  258. .z-paging-content[data-v-fb5441fe] {
  259. position: relative;
  260. flex-direction: column;
  261. overflow: hidden;
  262. }
  263. .z-paging-content-full[data-v-fb5441fe] {
  264. display: flex;
  265. width: 100%;
  266. height: 100%;
  267. }
  268. .z-paging-content-fixed[data-v-fb5441fe], .zp-loading-fixed[data-v-fb5441fe] {
  269. position: fixed;
  270. height: auto;
  271. width: auto;
  272. top: 0;
  273. left: 0;
  274. bottom: 0;
  275. right: 0;
  276. }
  277. .zp-f2-content[data-v-fb5441fe] {
  278. width: 100%;
  279. position: fixed;
  280. top: 0;
  281. left: 0;
  282. background-color: white;
  283. }
  284. .zp-page-top[data-v-fb5441fe], .zp-page-bottom[data-v-fb5441fe] {
  285. width: auto;
  286. position: fixed;
  287. left: 0;
  288. right: 0;
  289. z-index: 999;
  290. }
  291. .zp-page-left[data-v-fb5441fe], .zp-page-right[data-v-fb5441fe] {
  292. height: 100%;
  293. }
  294. .zp-scroll-view-super[data-v-fb5441fe] {
  295. flex: 1;
  296. overflow: hidden;
  297. position: relative;
  298. }
  299. .zp-view-super[data-v-fb5441fe] {
  300. display: flex;
  301. flex-direction: row;
  302. }
  303. .zp-scroll-view-container[data-v-fb5441fe], .zp-scroll-view[data-v-fb5441fe] {
  304. position: relative;
  305. height: 100%;
  306. width: 100%;
  307. }
  308. .zp-absoulte[data-v-fb5441fe] {
  309. position: absolute;
  310. top: 0;
  311. width: auto;
  312. }
  313. .zp-scroll-view-absolute[data-v-fb5441fe] {
  314. position: absolute;
  315. top: 0;
  316. left: 0;
  317. }
  318. .zp-scroll-view-hide-scrollbar[data-v-fb5441fe] ::-webkit-scrollbar {
  319. display: none;
  320. -webkit-appearance: none;
  321. width: 0 !important;
  322. height: 0 !important;
  323. background: transparent;
  324. }
  325. .zp-paging-touch-view[data-v-fb5441fe] {
  326. width: 100%;
  327. height: 100%;
  328. position: relative;
  329. }
  330. .zp-fixed-bac-view[data-v-fb5441fe] {
  331. position: absolute;
  332. width: 100%;
  333. top: 0;
  334. left: 0;
  335. height: 200px;
  336. }
  337. .zp-paging-main[data-v-fb5441fe] {
  338. height: 100%;
  339. display: flex;
  340. flex-direction: column;
  341. }
  342. .zp-paging-container[data-v-fb5441fe] {
  343. flex: 1;
  344. position: relative;
  345. display: flex;
  346. flex-direction: column;
  347. }
  348. .zp-chat-record-loading-custom-image[data-v-fb5441fe] {
  349. width: 1.09375rem;
  350. height: 1.09375rem;
  351. animation: loading-flower-fb5441fe 1s linear infinite;
  352. }
  353. .zp-page-bottom-keyboard-placeholder-animate[data-v-fb5441fe] {
  354. transition-property: height;
  355. transition-duration: 0.15s;
  356. will-change: height;
  357. }
  358. .zp-custom-refresher-container[data-v-fb5441fe] {
  359. overflow: hidden;
  360. }
  361. .zp-custom-refresher-refresh[data-v-fb5441fe] {
  362. display: block;
  363. }
  364. .zp-back-to-top[data-v-fb5441fe] {
  365. z-index: 999;
  366. position: absolute;
  367. bottom: 0;
  368. transition-duration: .3s;
  369. transition-property: opacity;
  370. }
  371. .zp-back-to-top-rpx[data-v-fb5441fe] {
  372. width: 2.375rem;
  373. height: 2.375rem;
  374. bottom: 0;
  375. right: 0.78125rem;
  376. }
  377. .zp-back-to-top-px[data-v-fb5441fe] {
  378. width: 38px;
  379. height: 38px;
  380. bottom: 0px;
  381. right: 13px;
  382. }
  383. .zp-back-to-top-show[data-v-fb5441fe] {
  384. opacity: 1;
  385. }
  386. .zp-back-to-top-hide[data-v-fb5441fe] {
  387. opacity: 0;
  388. }
  389. .zp-back-to-top-img[data-v-fb5441fe] {
  390. width: 100%;
  391. height: 100%;
  392. z-index: 999;
  393. }
  394. .zp-back-to-top-img-inversion[data-v-fb5441fe] {
  395. transform: rotate(180deg);
  396. }
  397. .zp-empty-view[data-v-fb5441fe] {
  398. flex: 1;
  399. }
  400. .zp-empty-view-center[data-v-fb5441fe] {
  401. display: flex;
  402. flex-direction: column;
  403. align-items: center;
  404. justify-content: center;
  405. }
  406. .zp-loading-fixed[data-v-fb5441fe] {
  407. z-index: 9999;
  408. }
  409. .zp-safe-area-inset-bottom[data-v-fb5441fe] {
  410. position: absolute;
  411. }
  412. .zp-n-refresh-container[data-v-fb5441fe] {
  413. display: flex;
  414. justify-content: center;
  415. width: 23.4375rem;
  416. }
  417. .zp-n-list-container[data-v-fb5441fe]{
  418. display: flex;
  419. flex-direction: row;
  420. flex: 1;
  421. }
  422. /* [z-paging]公用的静态css资源 */
  423. .zp-line-loading-image[data-v-fb5441fe] {
  424. animation: loading-flower-fb5441fe 1s steps(12) infinite;
  425. color: #666666;
  426. }
  427. .zp-line-loading-image-rpx[data-v-fb5441fe] {
  428. margin-right: 0.25rem;
  429. width: 1.0625rem;
  430. height: 1.0625rem;
  431. }
  432. .zp-line-loading-image-px[data-v-fb5441fe] {
  433. margin-right: 4px;
  434. width: 17px;
  435. height: 17px;
  436. }
  437. .zp-loading-image-ios-rpx[data-v-fb5441fe] {
  438. width: 1.25rem;
  439. height: 1.25rem;
  440. }
  441. .zp-loading-image-ios-px[data-v-fb5441fe] {
  442. width: 20px;
  443. height: 20px;
  444. }
  445. .zp-loading-image-android-rpx[data-v-fb5441fe] {
  446. width: 1.0625rem;
  447. height: 1.0625rem;
  448. }
  449. .zp-loading-image-android-px[data-v-fb5441fe] {
  450. width: 17px;
  451. height: 17px;
  452. }
  453. @keyframes loading-flower-fb5441fe {
  454. 0% {
  455. transform: rotate(0deg);
  456. }
  457. to {
  458. transform: rotate(1turn);
  459. }
  460. }
  461. .line-clamp-2[data-v-588af3ed] {
  462. display: -webkit-box;
  463. -webkit-line-clamp: 2;
  464. -webkit-box-orient: vertical;
  465. overflow: hidden;
  466. }
  467. @keyframes spin-588af3ed {
  468. from {
  469. transform: rotate(0deg);
  470. }
  471. to {
  472. transform: rotate(360deg);
  473. }
  474. }
  475. .animate-spin[data-v-588af3ed] {
  476. animation: spin-588af3ed 1s linear infinite;
  477. }