<script setup>
import { ref } from "vue";
import { onReachBottom } from "@dcloudio/uni-app"
const emit = defineEmits(["reachBottom"])
// 当前数量，总数量
const props = defineProps({
    number: Number,
    total: Number
})
let loadState = ref("loading")
// 触底事件
onReachBottom(() => {
    console.log(props);
    if (props.number < props.total) {
        loadState.value = "loading"
    } else if (props.number == props.total) {
        loadState.value = "finished"
    }
    emit("reachBottom")
})
</script>
<template>
    <slot></slot>
    <wd-watermark content="wot-design-uni"></wd-watermark>
    <wd-loadmore style="background-color: aqua;" custom-class="loadmore" :state="loadState" loading-text="数据加载中"/>
</template>
<style>
</style>