Files
soul/app/admin/distribution/loading.tsx
卡若 b60edb3d47 feat: 完整重构小程序匹配功能 + 修复UI对齐 + 文章数据API
主要更新:
1. 按H5网页端完全重构匹配功能(match页面)
   - 4种匹配类型: 创业合伙/资源对接/导师顾问/团队招募
   - 资源对接等类型弹出手机号/微信号输入框
   - 去掉重新匹配按钮,改为返回按钮

2. 修复所有卡片对齐和宽度问题
   - 目录页附录卡片居中
   - 首页阅读进度卡片满宽度
   - 我的页面菜单卡片对齐
   - 推广中心分享卡片统一宽度

3. 修复目录页图标和文字对齐
   - section-icon固定40rpx宽高
   - section-title与图标垂直居中

4. 更新真实完整文章标题(62篇)
   - 从book目录读取真实markdown文件名
   - 替换之前的简化标题

5. 新增文章数据API
   - /api/db/chapters - 获取完整书籍结构
   - 支持按ID获取单篇文章内容
2026-01-21 15:49:12 +08:00

36 lines
1.2 KiB
TypeScript

export default function Loading() {
return (
<div className="p-8 max-w-7xl mx-auto">
<div className="animate-pulse space-y-6">
{/* 标题骨架 */}
<div className="h-8 w-48 bg-gray-700/50 rounded" />
<div className="h-4 w-64 bg-gray-700/30 rounded" />
{/* Tab骨架 */}
<div className="flex gap-2 pb-4 border-b border-gray-700">
{[1, 2, 3, 4].map(i => (
<div key={i} className="h-10 w-28 bg-gray-700/30 rounded-lg" />
))}
</div>
{/* 卡片骨架 */}
<div className="grid grid-cols-4 gap-4">
{[1, 2, 3, 4].map(i => (
<div key={i} className="bg-[#0f2137] border border-gray-700/50 rounded-lg p-6">
<div className="h-4 w-20 bg-gray-700/30 rounded mb-2" />
<div className="h-8 w-16 bg-gray-700/50 rounded" />
</div>
))}
</div>
{/* 大卡片骨架 */}
<div className="grid grid-cols-2 gap-4">
{[1, 2].map(i => (
<div key={i} className="bg-[#0f2137] border border-gray-700/50 rounded-lg p-6 h-48" />
))}
</div>
</div>
</div>
)
}