ysc/thebet365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重构

Browse Source
This commit is contained in:
wchino
2026-06-13 17:38:25 +08:00
parent e7e938f261
commit 7b33d9f9fa
190 changed files with 23222 additions and 4336 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
apps/admin/src/components/MatchesSubNav.vue
View File

@@ -15,16 +15,21 @@ withDefaults(
const tabs = [
{ path: '/matches', labelKey: 'nav.matches.fixtures' },
{ path: '/matches/outrights', labelKey: 'nav.matches.outrights' },
{ path: '/matches/market-templates', labelKey: 'nav.matches.market_templates' },
];
function isActive(path: string) {
if (path === '/matches/outrights') {
return route.path === '/matches/outrights';
}
if (path === '/matches/market-templates') {
return route.path === '/matches/market-templates';
}
return (
route.path === '/matches' ||
(route.path.startsWith('/matches/') &&
!route.path.startsWith('/matches/outrights'))
!route.path.startsWith('/matches/outrights') &&
!route.path.startsWith('/matches/market-templates'))
);
}
</script>
@@ -53,10 +58,10 @@ function isActive(path: string) {
align-items: center;
gap: 4px;
margin-bottom: 16px;
padding: 6px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
padding: 4px;
border-radius: 8px;
background: #ffffff;
border: 1px solid var(--border);
flex-shrink: 0;
min-height: 48px;
box-sizing: border-box;
@@ -65,7 +70,7 @@ function isActive(path: string) {
margin-bottom: 0;
padding: 0 14px 0 0;
border: none;
border-right: 1px solid rgba(255, 255, 255, 0.08);
border-right: 1px solid var(--border);
background: transparent;
flex-shrink: 0;
height: 44px;
@@ -73,23 +78,34 @@ function isActive(path: string) {
}
.matches-subnav__item {
padding: 0 14px;
height: 36px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
border-radius: 8px;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
color: #888;
font-weight: 700;
color: var(--text-muted);
transition: color 0.15s, background 0.15s;
}
.matches-subnav__item:hover {
color: #ccc;
background: rgba(255, 255, 255, 0.04);
color: var(--text);
background: var(--accent-hover);
}
.matches-subnav__item--active {
color: var(--green-text);
background: rgba(0, 200, 83, 0.1);
color: #ffffff;
background: var(--primary);
}
@media (max-width: 700px) {
.matches-subnav {
overflow-x: auto;
justify-content: flex-start;
}
.matches-subnav__item {
flex: 0 0 auto;
}
}
</style>