初始化足球投注平台 MVP Monorepo

包含 NestJS 后端、三端前端、Prisma 数据模型、结算引擎测试与 PRD 文档。

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/player/src/views/HomeView.vue

@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+import api from '../api';
+
+const router = useRouter();
+const home = ref<{ banners: unknown[]; hotMatches: Match[]; ticker: unknown[] } | null>(null);
+
+interface Match {
+  id: string;
+  homeTeamName: string;
+  awayTeamName: string;
+  startTime: string;
+  isHot: boolean;
+  markets?: Array<{ marketType: string; selections: Array<{ id: string; selectionName: string; odds: string; oddsVersion: string }> }>;
+}
+
+onMounted(async () => {
+  const { data } = await api.get('/player/home');
+  home.value = data.data;
+});
+
+function goMatch(id: string) {
+  router.push(`/match/${id}`);
+}
+</script>
+
+<template>
+  <div>
+    <div v-if="home?.banners?.length" class="banner card">
+      {{ (home.banners[0] as { translation?: { title?: string } })?.translation?.title || 'Welcome' }}
+    </div>
+
+    <div v-if="home?.ticker?.length" class="ticker">
+      {{ (home.ticker[0] as { translation?: { body?: string } })?.translation?.body }}
+    </div>
+
+    <h2 class="section-title">热门赛事</h2>
+    <div v-for="match in home?.hotMatches || []" :key="match.id" class="card match-card" @click="goMatch(match.id)">
+      <div class="match-teams">{{ match.homeTeamName }} vs {{ match.awayTeamName }}</div>
+      <div class="match-time">{{ new Date(match.startTime).toLocaleString() }}</div>
+    </div>
+
+    <div v-if="!home?.hotMatches?.length" class="empty">暂无赛事</div>
+  </div>
+</template>
+
+<style scoped>
+.banner { background: linear-gradient(135deg, #1a472a, #0f1419); padding: 24px; font-size: 18px; font-weight: 600; }
+.ticker { background: #243044; padding: 8px 12px; font-size: 12px; margin-bottom: 12px; border-radius: 4px; overflow: hidden; white-space: nowrap; }
+.section-title { font-size: 16px; margin-bottom: 12px; }
+.match-card { cursor: pointer; }
+.match-card:hover { background: var(--bg-hover); }
+.match-teams { font-weight: 600; margin-bottom: 4px; }
+.match-time { font-size: 12px; color: var(--text-muted); }
+.empty { text-align: center; color: var(--text-muted); padding: 40px; }
+</style>