<!--<template>-->
    <!--<div id="wrap">-->
        <!--<slot></slot>-->
        <!--<div class="scroll-txt" v-if="scoll">加载中</div>-->
        <!--<div class="scroll-txt" v-if="!scoll">没有更多数据啦！</div>-->
    <!--</div>-->
<!--</template>-->

<!--<script lang="ts">-->
    <!--import {Component, Prop, Vue} from "vue-property-decorator";-->

    <!--@Component-->
    <!--export default class InfiniteScroll extends Vue {-->
        <!--@Prop() private loading: boolean = false;-->
        <!--@Prop() private scoll: boolean = true;-->

        <!--private time: number = 0;-->
        <!--private firstTime: boolean = true;-->

        <!--mounted() {-->
            <!--this.time = new Date().getTime();-->
            <!--window.addEventListener("scroll", this.scrollFn);-->
        <!--}-->

        <!--beforeDestroy() {-->
            <!--window.removeEventListener("scroll", this.scrollFn);-->
        <!--}-->

        <!--scrollFn() {-->
            <!--let page = document.querySelector("#wrap") as HTMLElement;-->
            <!--if (page.offsetHeight - window.pageYOffset - window.screen.height < 100) {-->
                <!--let curTime = new Date().getTime();-->
                <!--if (curTime - this.time >= 1000 || this.firstTime) {-->
                    <!--// 时间差>=1秒直接执行-->
                    <!--this.firstTime = false;-->
                    <!--this.loading && this.$emit("onload");-->
                    <!--this.time = curTime;-->
                <!--}-->
            <!--}-->
        <!--}-->
    <!--}-->
<!--</script>-->

<!--<style scoped>-->
    <!--.scroll-txt {-->
        <!--text-align: center;-->
        <!--padding: 10px;-->
        <!--color: #999999;-->
    <!--}-->
<!--</style>-->
