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(() => {