z-paging-main.css 3.5 KB

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