修改

package-lock.json

@@ -32,7 +32,8 @@
                 "unplugin-auto-import": "^19.3.0",
                 "uview-plus": "^3.4.29",
                 "vue": "^3.4.21",
-                "vue-i18n": "^9.1.9"
+                "vue-i18n": "^9.1.9",
+                "z-paging": "^2.8.7"
             },
             "devDependencies": {
                 "@dcloudio/types": "^3.4.8",
@@ -9367,6 +9368,14 @@
             "engines": {
                 "node": ">=12"
             }
+        },
+        "node_modules/z-paging": {
+            "version": "2.8.7",
+            "resolved": "https://registry.npmjs.org/z-paging/-/z-paging-2.8.7.tgz",
+            "integrity": "sha512-RcDeKFoCQB51dmrrTb1PMIazjTqGuAbFmjPS0/N5hdUNTCRvxGOOBTBFolvIxUcsWhrocI9C0mYDgUwXT6Dwcg==",
+            "engines": {
+                "HBuilderX": "^3.0.7"
+            }
         }
     }
 }

package.json

@@ -61,7 +61,8 @@
         "unplugin-auto-import": "^19.3.0",
         "uview-plus": "^3.4.29",
         "vue": "^3.4.21",
-        "vue-i18n": "^9.1.9"
+        "vue-i18n": "^9.1.9",
+        "z-paging": "^2.8.7"
     },
     "devDependencies": {
         "@dcloudio/types": "^3.4.8",

src/pages.json

@@ -5,7 +5,8 @@
 			"^u--(.*)": "uview-plus/components/u-$1/u-$1.vue",
 			"^up-(.*)": "uview-plus/components/u-$1/u-$1.vue",
 			"^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue",
-			"^ut-(.*)": "@/components/ut-$1/ut-$1.vue"
+			"^ut-(.*)": "@/components/ut-$1/ut-$1.vue",
+			 "^(?!z-paging-refresh|z-paging-load-more)z-paging(.*)": "z-paging/components/z-paging$1/z-paging$1.vue"
 		}
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages

src/pages/index/index.vue

@@ -1,23 +1,25 @@
 <template>
-    <view class="content">
-        <image class="logo" src="/static/logo.png" />
-        <view class="text-area">
-            <text class="title">{{ title }}</text>
+    <z-paging>
+        <view class="content">
+            <image class="logo" src="/static/logo.png" />
+            <view class="text-area">
+                <text class="title">{{ title }}</text>
+            </view>
+            <view class="mb-80">{{ selectDictLabel(class_type, 1) }}</view>
+            <view class="bg-blue-500 text-white p-4 rounded">Hello UnoCSS!</view>
+            <up-button text="月落"></up-button>
         </view>
-        <view class="mb-80">{{ selectDictLabel(class_type, 1) }}</view>
-        <view class="bg-blue-500 text-white p-4 rounded">Hello UnoCSS!</view>
-        <up-button text="月落"></up-button>
-    </view>
+    </z-paging>
 </template>
 <script setup lang="ts">
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const { class_type } = toRefs<any>(proxy?.useDict("class_type"));
-const title = ref("Hello");
+const { class_type } = toRefs<any>(proxy?.useDict('class_type'));
+const title = ref('Hello');
 onMounted(() => {
     uni.showToast({
-        title: "Hello World!",
-        icon: "none",
-        duration: 2000
+        title: 'Hello World!',
+        icon: 'none',
+        duration: 2000,
     });
 });
 </script>