162 lines
2.3 KiB
CSS
162 lines
2.3 KiB
CSS
/* z-paging
|
||
github地址:https://github.com/SmileZXLee/uni-z-paging
|
||
dcloud地址:https://ext.dcloud.net.cn/plugin?id=3935
|
||
反馈QQ群：790460711
|
||
*/
|
||
|
||
.z-paging-content {
|
||
position: relative;
|
||
/* #ifndef APP-NVUE */
|
||
display: flex;
|
||
width: 100%;
|
||
height: 100%;
|
||
/* #endif */
|
||
flex-direction: column;
|
||
}
|
||
|
||
.z-paging-content-fixed {
|
||
position: fixed;
|
||
/* #ifndef APP-NVUE */
|
||
height: auto;
|
||
width: auto;
|
||
/* #endif */
|
||
top: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
}
|
||
|
||
.zp-page-scroll-top,
|
||
.zp-page-scroll-bottom {
|
||
/* #ifndef APP-NVUE */
|
||
width: auto;
|
||
/* #endif */
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 999;
|
||
}
|
||
|
||
.zp-scroll-view-super {
|
||
flex: 1;
|
||
position: relative;
|
||
}
|
||
|
||
.zp-custom-refresher-container {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.zp-scroll-view {
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
|
||
.zp-scroll-view-absolute {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
|
||
.zp-paging-touch-view {
|
||
width: 100%;
|
||
height: 100%;
|
||
position: relative;
|
||
}
|
||
|
||
.zp-fixed-bac-view {
|
||
position: absolute;
|
||
width: 100%;
|
||
top: 0;
|
||
left: 0;
|
||
height: 200px;
|
||
}
|
||
|
||
.zp-paging-main {
|
||
height: 100%;
|
||
/* #ifndef APP-NVUE */
|
||
display: flex;
|
||
/* #endif */
|
||
flex-direction: column;
|
||
}
|
||
|
||
.zp-paging-container {
|
||
flex: 1;
|
||
position: relative;
|
||
}
|
||
|
||
.zp-chat-record-loading-container {
|
||
/* #ifndef APP-NVUE */
|
||
display: flex;
|
||
width: 100%;
|
||
/* #endif */
|
||
/* #ifdef APP-NVUE */
|
||
width: 750rpx;
|
||
/* #endif */
|
||
align-items: center;
|
||
justify-content: center;
|
||
height: 60rpx;
|
||
font-size: 26rpx;
|
||
}
|
||
|
||
.zp-chat-record-loading-custom-image {
|
||
width: 35rpx;
|
||
height: 35rpx;
|
||
/* #ifndef APP-NVUE */
|
||
animation: loading-flower 1s linear infinite;
|
||
/* #endif */
|
||
}
|
||
|
||
.zp-custom-refresher-container {
|
||
/* #ifndef APP-NVUE */
|
||
display: flex;
|
||
/* #endif */
|
||
flex-direction: row;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.zp-back-to-top {
|
||
width: 76rpx;
|
||
height: 76rpx;
|
||
z-index: 999;
|
||
position: absolute;
|
||
bottom: 0rpx;
|
||
right: 25rpx;
|
||
transition-duration: .3s;
|
||
transition-property: opacity;
|
||
}
|
||
|
||
.zp-back-to-top-show {
|
||
opacity: 1;
|
||
}
|
||
|
||
.zp-back-to-top-hide {
|
||
opacity: 0;
|
||
}
|
||
|
||
.zp-back-to-top-img {
|
||
/* #ifndef APP-NVUE */
|
||
width: 100%;
|
||
height: 100%;
|
||
/* #endif */
|
||
/* #ifdef APP-NVUE */
|
||
flex: 1;
|
||
/* #endif */
|
||
z-index: 999;
|
||
}
|
||
|
||
.zp-empty-view {
|
||
/* #ifdef APP-NVUE */
|
||
height: 100%;
|
||
/* #endif */
|
||
flex: 1;
|
||
}
|
||
|
||
.zp-n-refresh-container {
|
||
/* #ifndef APP-NVUE */
|
||
display: flex;
|
||
/* #endif */
|
||
justify-content: center;
|
||
width: 750rpx;
|
||
}
|