From 2c402aceb7de4828a39e886792083c845298fbe7 Mon Sep 17 00:00:00 2001
From: chenhaizhao <2291973799@qq.com>
Date: Tue, 6 Jan 2026 17:20:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=BB=91=E5=8A=A8=E5=8A=A0=E8=BD=BD=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                          |  2 ++
 components/Loadmore/Loadmore.vue | 26 ++++++++++++++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 components/Loadmore/Loadmore.vue

diff --git a/App.vue b/App.vue
index 815226c..13f0d56 100644
--- a/App.vue
+++ b/App.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { onLaunch } from "@dcloudio/uni-app"
+
 onLaunch(() => {
 	const updateManager = wx.getUpdateManager()
 	updateManager.onCheckForUpdate(function (res) {
@@ -36,5 +37,6 @@ onLaunch(() => {
 .main {
 	min-height: 95vh;
     background: linear-gradient(to top, #f2f8ff 0%, #e7f0fd 100%);
+	padding-top: 20rpx;
 }
 </style>
diff --git a/components/Loadmore/Loadmore.vue b/components/Loadmore/Loadmore.vue
new file mode 100644
index 0000000..8906a01
--- /dev/null
+++ b/components/Loadmore/Loadmore.vue
@@ -0,0 +1,26 @@
+<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 :state="loadState" loading-text="数据加载中"/>
+</template>
\ No newline at end of file