feat: 增强结果展示与用户交互
- 在 PlayerBottomNav 中新增注单导航选项 - 在 DrawResultDetailScreen 中添加高亮显示用户命中号码的功能,并显示个人派彩信息 - 在 DrawResultsListScreen 中引入 JackpotResultsStrip 组件以展示奖池信息 - 在 TwentyThreeResultsGrid 中实现命中号码的高亮效果,提升用户体验
This commit is contained in:
12
src/app/(player)/(main)/orders/[ticketNo]/page.tsx
Normal file
12
src/app/(player)/(main)/orders/[ticketNo]/page.tsx
Normal file
@@ -0,0 +1,12 @@
|
||||
import { TicketOrderDetailScreen } from "@/features/orders/ticket-order-detail-screen";
|
||||
|
||||
type PageProps = {
|
||||
params: Promise<{ ticketNo: string }>;
|
||||
};
|
||||
|
||||
/** 界面文档 §4.8 注单详情 */
|
||||
export default async function OrderDetailPage({ params }: PageProps) {
|
||||
const { ticketNo } = await params;
|
||||
|
||||
return <TicketOrderDetailScreen ticketNo={decodeURIComponent(ticketNo)} />;
|
||||
}
|
||||
23
src/app/(player)/(main)/orders/page.tsx
Normal file
23
src/app/(player)/(main)/orders/page.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
import { Suspense } from "react";
|
||||
|
||||
import { Skeleton } from "@/components/ui/skeleton";
|
||||
import { TicketOrdersListScreen } from "@/features/orders/ticket-orders-list-screen";
|
||||
|
||||
function OrdersFallback() {
|
||||
return (
|
||||
<div className="space-y-3">
|
||||
{Array.from({ length: 5 }).map((_, i) => (
|
||||
<Skeleton key={i} className="h-24 w-full rounded-lg" />
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
/** 界面文档 §4.7 我的注单(支持 `?draw_no=` 筛选) */
|
||||
export default function OrdersPage() {
|
||||
return (
|
||||
<Suspense fallback={<OrdersFallback />}>
|
||||
<TicketOrdersListScreen />
|
||||
</Suspense>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user