实现滚动无限加载之下拉刷新页面

Tevin

2021-02-23 129a34e4288a7fcbe3fbf40106081078ff610eec

 plugins/infiniteScroll/cInfiniteScroll.scss

@@ -6,6 +6,59 @@
@import "../../common/sassMixin";

.c-infinite-scroll {
    .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: 5rem;
            padding-top: 3.3rem;
            text-align: center;
            box-sizing: border-box;
            .at-activity-indicator {
                display: inline-block;
                height: 40px;
                margin-right: 0.2rem;
                vertical-align: middle;
            }
            .text {
                vertical-align: middle;
            }
            background-color: #fcfcfc;
        }
        .tips {
            .text:nth-child(3) {
                display: none;
            }
            .at-icon {
                margin-right: 0.2rem;
                font-size: 0.7rem;
                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 {
        text-align: center;
        .c-infinite-loading {