z-paging-main.css 3.4 KB

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