z-paging.wxss 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. /* [z-paging]公共css*/
  2. .z-paging-content.data-v-28ebb0e4 {
  3. position: relative;
  4. display: flex;
  5. width: 100%;
  6. height: 100%;
  7. overflow: hidden;
  8. flex-direction: column;
  9. }
  10. .z-paging-content-fixed.data-v-28ebb0e4, .zp-loading-fixed.data-v-28ebb0e4 {
  11. position: fixed;
  12. height: auto;
  13. width: auto;
  14. top: 0;
  15. left: 0;
  16. bottom: 0;
  17. right: 0;
  18. }
  19. .zp-page-top.data-v-28ebb0e4,.zp-page-bottom.data-v-28ebb0e4 {
  20. width: auto;
  21. position: fixed;
  22. left: 0;
  23. right: 0;
  24. z-index: 999;
  25. }
  26. .zp-page-left.data-v-28ebb0e4,.zp-page-right.data-v-28ebb0e4{
  27. height: 100%;
  28. }
  29. .zp-scroll-view-super.data-v-28ebb0e4 {
  30. flex: 1;
  31. position: relative;
  32. }
  33. .zp-view-super.data-v-28ebb0e4{
  34. display: flex;
  35. flex-direction: row;
  36. }
  37. .zp-custom-refresher-container.data-v-28ebb0e4 {
  38. overflow: hidden;
  39. }
  40. .zp-scroll-view-container.data-v-28ebb0e4,.zp-scroll-view.data-v-28ebb0e4 {
  41. position: relative;
  42. height: 100%;
  43. width: 100%;
  44. }
  45. .zp-absoulte.data-v-28ebb0e4{
  46. position: absolute;
  47. top: 0;
  48. width: auto;
  49. }
  50. .zp-right.data-v-28ebb0e4{
  51. right: 0;
  52. }
  53. .zp-scroll-view-absolute.data-v-28ebb0e4 {
  54. position: absolute;
  55. top: 0;
  56. left: 0;
  57. }
  58. .zp-scroll-view-hide-scrollbar.data-v-28ebb0e4 ::-webkit-scrollbar {
  59. display: none;
  60. -webkit-appearance: none;
  61. width: 0 !important;
  62. height: 0 !important;
  63. background: transparent;
  64. }
  65. .zp-paging-touch-view.data-v-28ebb0e4 {
  66. width: 100%;
  67. height: 100%;
  68. position: relative;
  69. }
  70. .zp-fixed-bac-view.data-v-28ebb0e4 {
  71. position: absolute;
  72. width: 100%;
  73. top: 0;
  74. left: 0;
  75. height: 200px;
  76. }
  77. .zp-paging-main.data-v-28ebb0e4 {
  78. height: 100%;
  79. display: flex;
  80. flex-direction: column;
  81. }
  82. .zp-paging-container.data-v-28ebb0e4 {
  83. flex: 1;
  84. position: relative;
  85. display: flex;
  86. flex-direction: column;
  87. }
  88. .zp-chat-record-loading-container.data-v-28ebb0e4 {
  89. display: flex;
  90. width: 100%;
  91. align-items: center;
  92. justify-content: center;
  93. height: 60rpx;
  94. font-size: 26rpx;
  95. }
  96. .zp-chat-record-loading-custom-image.data-v-28ebb0e4 {
  97. width: 35rpx;
  98. height: 35rpx;
  99. -webkit-animation: loading-flower-data-v-28ebb0e4 1s linear infinite;
  100. animation: loading-flower-data-v-28ebb0e4 1s linear infinite;
  101. }
  102. .zp-custom-refresher-container.data-v-28ebb0e4 {
  103. display: flex;
  104. flex-direction: row;
  105. justify-content: center;
  106. align-items: center;
  107. }
  108. .zp-back-to-top.data-v-28ebb0e4 {
  109. width: 76rpx;
  110. height: 76rpx;
  111. z-index: 999;
  112. position: absolute;
  113. bottom: 0rpx;
  114. right: 25rpx;
  115. transition-duration: .3s;
  116. transition-property: opacity;
  117. }
  118. .zp-back-to-top-show.data-v-28ebb0e4 {
  119. opacity: 1;
  120. }
  121. .zp-back-to-top-hide.data-v-28ebb0e4 {
  122. opacity: 0;
  123. }
  124. .zp-back-to-top-img.data-v-28ebb0e4 {
  125. width: 100%;
  126. height: 100%;
  127. z-index: 999;
  128. }
  129. .zp-empty-view.data-v-28ebb0e4 {
  130. flex: 1;
  131. }
  132. .zp-empty-view-center.data-v-28ebb0e4 {
  133. display: flex;
  134. flex-direction: column;
  135. align-items: center;
  136. justify-content: center;
  137. }
  138. .zp-loading-fixed.data-v-28ebb0e4 {
  139. z-index: 9999;
  140. }
  141. .zp-safe-area-inset-bottom.data-v-28ebb0e4 {
  142. position: absolute;
  143. height: env(safe-area-inset-bottom);
  144. }
  145. .zp-n-refresh-container.data-v-28ebb0e4 {
  146. display: flex;
  147. justify-content: center;
  148. width: 750rpx;
  149. }
  150. .zp-n-list-container.data-v-28ebb0e4{
  151. display: flex;
  152. flex-direction: row;
  153. flex: 1;
  154. }
  155. /* [z-paging]公用的静态css资源 */
  156. .zp-line-loading-image.data-v-28ebb0e4 {
  157. margin-right: 8rpx;
  158. width: 28rpx;
  159. height: 28rpx;
  160. -webkit-animation: loading-flower-data-v-28ebb0e4 1s steps(12) infinite;
  161. animation: loading-flower-data-v-28ebb0e4 1s steps(12) infinite;
  162. color: #666666;
  163. }
  164. .zp-loading-image-ios.data-v-28ebb0e4{
  165. width: 20px;
  166. height: 20px;
  167. }
  168. .zp-loading-image-android.data-v-28ebb0e4{
  169. width: 32rpx;
  170. height: 32rpx;
  171. }
  172. @-webkit-keyframes loading-flower-data-v-28ebb0e4 {
  173. 0% {
  174. -webkit-transform: rotate(0deg);
  175. transform: rotate(0deg);
  176. }
  177. to {
  178. -webkit-transform: rotate(1turn);
  179. transform: rotate(1turn);
  180. }
  181. }
  182. @keyframes loading-flower-data-v-28ebb0e4 {
  183. 0% {
  184. -webkit-transform: rotate(0deg);
  185. transform: rotate(0deg);
  186. }
  187. to {
  188. -webkit-transform: rotate(1turn);
  189. transform: rotate(1turn);
  190. }
  191. }