diff --git a/package.json b/package.json
index dd41c464..3cd7226a 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
"nprogress": "^0.2.0",
"postcss-purgecss": "^5.0.0",
"prismjs": "^1.29.0",
+ "pull-refresh-vue3": "^0.3.1",
"roboto-fontface": "^0.10.0",
"sass": "^1.59.3",
"tailwindcss": "^3.3.2",
diff --git a/src/views/subscribe/SubscribeListView.vue b/src/views/subscribe/SubscribeListView.vue
index 3210cd48..afbf2420 100644
--- a/src/views/subscribe/SubscribeListView.vue
+++ b/src/views/subscribe/SubscribeListView.vue
@@ -2,6 +2,7 @@
import api from "@/api";
import type { Subscribe } from "@/api/types";
import SubscribeCard from "@/components/cards/SubscribeCard.vue";
+import PullRefresh from 'pull-refresh-vue3';
// 输入参数
const props = defineProps({
@@ -23,6 +24,16 @@ const fetchData = async () => {
// 加载时获取数据
onMounted(fetchData);
+// 刷新状态
+const loading = ref(false);
+
+// 下拉刷新
+const onRefresh = () => {
+ loading.value = true;
+ fetchData();
+ loading.value = false;
+};
+
// 过滤数据
const filteredDataList = computed(() => {
return dataList.value.filter((data) => data.type === props.type);
@@ -30,9 +41,11 @@ const filteredDataList = computed(() => {
-
-
-
+
+
+
+
+