From bc5f9e397663e7581d698b847476f0f151d7f299 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Mon, 05 Sep 2022 16:48:06 +0800
Subject: [PATCH] 修复页面基础组件Y轴滚动的问题
---
plugins/infiniteScroll/cInfiniteScroll.scss | 70 +++++++++++++++++++++++++++++++----
1 files changed, 62 insertions(+), 8 deletions(-)
diff --git a/plugins/infiniteScroll/cInfiniteScroll.scss b/plugins/infiniteScroll/cInfiniteScroll.scss
index dc08e43..63b35db 100644
--- a/plugins/infiniteScroll/cInfiniteScroll.scss
+++ b/plugins/infiniteScroll/cInfiniteScroll.scss
@@ -6,20 +6,74 @@
@import "../../common/sassMixin";
.c-infinite-scroll {
+ height: 100%;
+ .c-infinite-top {
+ position: relative;
+ width: 100%;
+ height: 0;
+ overflow: hidden;
+ transition-duration: 0.3s;
+ &.touching {
+ transition-duration: 0s;
+ }
+ .inner {
+ @include position(absolute, n 0 0 n);
+ width: 100%;
+ height: 234px;
+ padding-top: 155px;
+ text-align: center;
+ box-sizing: border-box;
+ .at-activity-indicator {
+ display: inline-block;
+ height: 40px;
+ margin-right: 9px;
+ vertical-align: middle;
+ }
+ .text {
+ vertical-align: middle;
+ }
+ }
+ .tips {
+ .text:nth-child(3) {
+ display: none;
+ }
+ .at-icon {
+ margin-right: 9px;
+ font-size: 33px;
+ vertical-align: middle;
+ transition-duration: 0.3s;
+ }
+ .text {
+ vertical-align: middle;
+ }
+ &.release {
+ .at-icon {
+ transform: rotate(180deg);
+ }
+ .text:nth-child(2) {
+ display: none;
+ }
+ .text:nth-child(3) {
+ display: inline-block;
+ }
+ }
+ }
+ }
.c-infinite-bottom {
+ padding-bottom: 20px;
text-align: center;
- .loading {
- height: 2rem;
+ .c-infinite-loading {
+ height: 94px;
color: #666;
- line-height: 1.8rem;
+ line-height: 84px;
}
- .ended {
- height: 2rem;
+ .c-infinite-ended {
+ height: 94px;
color: #999;
- line-height: 1.8rem;
+ line-height: 84px;
}
- .empty {
- line-height: 5rem;
+ .c-infinite-empty {
+ line-height: 234px;
color: #999;
}
}
--
Gitblit v1.9.1