feat(admin,api,player): 优胜赛配置、赛事管理重构与玩家端投注体验优化

管理端拆分赛事/优胜赛 Tab,新增联赛优胜赔率面板(批量、排序、外侧删除);统一 list-chrome 工具栏对齐与列表页布局;Dashboard 失败重试、Users 操作下拉、小屏侧栏等体验修复。

API 扩展优胜赛与赛事目录接口,完善投注与钱包查询;玩家端重构赛事卡片、串关面板、注单/钱包页,新增注单详情、下注成功动画与下拉刷新。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-08 09:55:56 +08:00
parent efff7c27e6
commit 24fa1b275c
66 changed files with 6289 additions and 1426 deletions

View File

@@ -0,0 +1,101 @@
<script setup lang="ts">
import { RouterLink } from 'vue-router';
import type { AdminBreadcrumbItem } from '../utils/admin-breadcrumb';
defineProps<{
crumbs?: AdminBreadcrumbItem[];
title: string;
subtitle?: string;
}>();
</script>
<template>
<header class="admin-subnav">
<nav v-if="crumbs?.length" class="admin-subnav__crumbs" aria-label="Breadcrumb">
<template v-for="(item, i) in crumbs" :key="`${item.label}-${i}`">
<RouterLink
v-if="item.to && i < crumbs.length - 1"
:to="item.to"
class="admin-subnav__link"
>
{{ item.label }}
</RouterLink>
<span v-else class="admin-subnav__current">{{ item.label }}</span>
<span v-if="i < crumbs.length - 1" class="admin-subnav__sep" aria-hidden="true">/</span>
</template>
</nav>
<div class="admin-subnav__main">
<div class="admin-subnav__titles">
<h1 class="admin-subnav__title">{{ title }}</h1>
<span v-if="subtitle" class="admin-subnav__subtitle">{{ subtitle }}</span>
</div>
<div v-if="$slots.extra" class="admin-subnav__extra">
<slot name="extra" />
</div>
</div>
</header>
</template>
<style scoped>
.admin-subnav {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 16px;
flex-shrink: 0;
}
.admin-subnav__crumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 2px 6px;
font-size: 12px;
line-height: 1.4;
}
.admin-subnav__link {
color: var(--green-text);
font-weight: 600;
transition: color 0.15s;
}
.admin-subnav__link:hover {
color: #d4fde5;
}
.admin-subnav__current {
color: #888;
}
.admin-subnav__sep {
color: #444;
user-select: none;
}
.admin-subnav__main {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
.admin-subnav__titles {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 8px 12px;
min-width: 0;
}
.admin-subnav__title {
margin: 0;
font-size: 20px;
font-weight: 700;
color: #e8e8e8;
letter-spacing: 0.02em;
}
.admin-subnav__subtitle {
font-size: 13px;
color: #777;
}
.admin-subnav__extra {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
</style>