Files
lgp-admin-plus/playground/src/views/demos/features/vue-query/index.vue
Li Kui 86ed732ca8 feat: tanstack query demos (#4276)
* chore(@vben/request): add axios-retry

* feat: error retry

* feat: paginated queries

* feat: infinite queries

* chore: update

* chore: update

* fix: ci error

* chore: update

* chore: remove axios-retry

* chore: update deps

* chore: update deps

* chore: update deps

* chore: update pnpm.lock

---------

Co-authored-by: vince <vince292007@gmail.com>
2024-09-08 19:39:19 +08:00

26 lines
666 B
Vue

<script setup lang="ts">
import { Page } from '@vben/common-ui';
import { Card } from 'ant-design-vue';
import InfiniteQueries from './infinite-queries.vue';
import PaginatedQueries from './paginated-queries.vue';
import QueryRetries from './query-retries.vue';
</script>
<template>
<Page title="Vue Query示例">
<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
<Card title="分页查询">
<PaginatedQueries />
</Card>
<Card title="无限滚动">
<InfiniteQueries class="h-[300px] overflow-auto" />
</Card>
<Card title="错误重试">
<QueryRetries />
</Card>
</div>
</Page>
</template>