Files
fquiz/web
chengkai3 58bb284a09 [feat]:[FL-98][杆塔模型管理页面:实现卡片视图的无限滚动加载]
- 添加 Spin 组件导入用于加载提示
- 新增状态变量: cardViewPage, allLoadedModels, isLoadingMore
- 添加 pageCardRef 引用到主 Card 组件
- 实现累积加载逻辑: 监听数据变化并累积已加载模型
- 实现滚动监听: 滚动到底部时自动加载下一页
- 卡片视图使用 allLoadedModels 替代 pagedItems
- 添加加载状态指示器: 加载更多时显示 Spin,全部加载完成时显示提示
- 移除卡片视图下的 Pagination 组件,仅在列表视图显示
- 添加筛选条件变化时重置卡片视图状态的逻辑

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: multica-agent <github@multica.ai>
2026-06-19 17:13:10 +08:00
..
2026-04-26 00:14:25 +08:00
2026-04-26 00:14:25 +08:00
2026-04-24 15:50:52 +08:00

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.