YD/YD_TrainingCompetition_Api_Web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update:应用打包

Browse Source
This commit is contained in:
ltx 2026-06-22 09:16:40 +08:00
parent a9c76228e8
commit ea3a640088
4 changed files with 503 additions and 427 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/static/manifest.json
View File

@ -1,5 +1,5 @@
{ {
"generatedAt": "2026-06-17T08:54:58.662Z", "generatedAt": "2026-06-18T07:58:42.060Z",
"events": [ "events": [
{ {
"id": "赛事一", "id": "赛事一",

55
src/styles/global.css
View File

@ -7,20 +7,47 @@
} }
:root { :root {
--ui-font-sans: 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; --ui-font-sans: 'Segoe UI', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
--ui-accent: #ea580c; --ui-accent: #d97706;
--ui-accent-strong: #c2410c; --ui-accent-strong: #b45309;
--ui-primary: #1d4ed8; --ui-primary: #2563eb;
--ui-primary-soft: #dbeafe; --ui-primary-soft: #eff6ff;
--ui-surface: #f8fafc; --ui-surface: #f3f4f6;
--ui-surface-elevated: #ffffff; --ui-surface-elevated: #fafafa;
--ui-border: #cbd5e1; --ui-border: #d1d5db;
--ui-text: #0f172a; --ui-text: #111827;
--ui-text-muted: #64748b; --ui-text-muted: #6b7280;
--ui-radius: 10px; --ui-radius: 6px;
--ui-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06); --ui-shadow-sm: 0 1px 2px rgba(0,0,0,0.06);
--ui-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.1); --ui-shadow-md: 0 2px 8px rgba(0,0,0,0.08);
--ui-shadow-lg: 0 18px 48px rgba(15, 23, 42, 0.16); --ui-shadow-lg: 0 6px 24px rgba(0,0,0,0.12);
--desktop-titlebar-height: 40px;
--desktop-statusbar-height: 28px;
--desktop-panel-bg: #f5f5f5;
--desktop-border: #c4c4c4;
--desktop-text: #1a1a1a;
--desktop-muted: #6e6e6e;
--desktop-accent: #0078d4;
}
/* 桌面应用风格滚动条 */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: #a1a1a1;
}
::-webkit-scrollbar-corner {
background: transparent;
} }
html, html,

711
src/views/EventConfig.vue
View File

File diff suppressed because it is too large Load Diff

136
src/views/RopeSkippingCounter.vue
View File

@ -781,37 +781,33 @@ function debugCountdownStopCounterReport(hypothesisId, location, msg, data = {})
<style scoped> <style scoped>
.tool-btn { .tool-btn {
padding: clamp(0.32rem, 1.2cqw, 0.45rem) clamp(0.6rem, 2.5cqw, 0.95rem); padding: 0.3rem 0.55rem;
font-size: clamp(0.68rem, 2.8cqw, 0.86rem); font-size: 0.76rem;
font-weight: 700; font-weight: 600;
letter-spacing: 0.02em; letter-spacing: 0.01em;
color: var(--counter-toolbar-color, #e0f2fe); color: #333;
background: var(--counter-toolbar-bg, rgba(8, 47, 73, 0.55)); background: #f3f3f3;
border: 1px solid var(--counter-toolbar-border, rgba(56, 189, 248, 0.35)); border: 1px solid #c4c4c4;
border-radius: 999px; border-radius: 4px;
backdrop-filter: blur(10px); transition: background 0.1s;
box-shadow: var(--counter-toolbar-hover-shadow, 0 2px 10px rgba(14, 165, 233, 0.1));
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
} }
.tool-btn:hover, .tool-btn:hover,
.tool-btn.active { .tool-btn.active {
background: var(--counter-toolbar-hover-bg, rgba(14, 116, 144, 0.62)); background: #e5e5e5;
border-color: var(--counter-toolbar-hover-border, rgba(125, 211, 252, 0.55)); border-color: #a0a0a0;
box-shadow: var(--counter-toolbar-hover-shadow, 0 0 20px rgba(56, 189, 248, 0.24));
transform: translateY(-1px);
} }
.tool-btn.start-btn { .tool-btn.start-btn {
background: var(--counter-toolbar-start-bg, rgba(21, 128, 61, 0.48)); color: #fff;
border-color: var(--counter-toolbar-start-border, rgba(74, 222, 128, 0.5)); background: #16a34a;
box-shadow: 0 4px 14px rgba(34, 197, 94, 0.18); border-color: #15803d;
} }
.tool-btn.stop-btn { .tool-btn.stop-btn {
background: var(--counter-toolbar-stop-bg, rgba(185, 28, 28, 0.48)); color: #fff;
border-color: var(--counter-toolbar-stop-border, rgba(252, 165, 165, 0.5)); background: #dc2626;
box-shadow: 0 4px 14px rgba(239, 68, 68, 0.18); border-color: #b91c1c;
} }
.tool-btn:disabled { .tool-btn:disabled {
@ -821,22 +817,31 @@ function debugCountdownStopCounterReport(hypothesisId, location, msg, data = {})
.counter-split-root { .counter-split-root {
display: grid; display: grid;
gap: 0.85rem; gap: 0;
height: 100%;
} }
.counter-control-panel { .counter-control-panel {
display: grid; display: grid;
gap: 0.75rem; gap: 0.5rem;
padding: 0.85rem; padding: 0.5rem 0.6rem;
background: var(--counter-header-bg, rgba(8, 47, 73, 0.72)); background: #e8e8e8;
border: 1px solid var(--counter-header-border, rgba(56, 189, 248, 0.32)); border: 1px solid #c4c4c4;
border-radius: 12px; border-radius: 4px;
box-shadow: var(--counter-header-shadow, none); box-shadow: none;
user-select: none;
} }
.match-info-bar { .match-info-bar {
display: grid; display: flex;
gap: 0.55rem; align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.3rem 0.6rem;
padding: 0.35rem 0.5rem;
background: #f5f5f5;
border: 1px solid #d4d4d4;
border-radius: 3px;
} }
.match-info-main, .match-info-main,
@ -844,96 +849,103 @@ function debugCountdownStopCounterReport(hypothesisId, location, msg, data = {})
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
gap: 0.45rem 0.75rem; gap: 0.4rem 0.6rem;
} }
.match-info-main strong, .match-info-main strong,
.match-info-meta span { .match-info-meta span {
font-size: 0.82rem; font-size: 0.78rem;
color: var(--counter-header-color, #e0f2fe); color: #333;
} }
.match-round-name { .match-round-name {
font-weight: 700; font-weight: 700;
color: #1a1a1a;
} }
.match-round-subtitle { .match-round-subtitle {
opacity: 0.86; opacity: 0.75;
font-size: 0.72rem;
} }
.match-info-meta .ws-status, .match-info-meta .ws-status,
.match-info-meta .match-status { .match-info-meta .match-status {
padding: 0.12rem 0.45rem; padding: 0.1rem 0.4rem;
border-radius: 999px; border-radius: 3px;
font-size: 0.76rem; font-size: 0.72rem;
} }
.match-info-meta .ws-status { .match-info-meta .ws-status {
color: #fef3c7; color: #6b5900;
background: rgba(245, 158, 11, 0.22); background: #fef9e7;
} }
.match-info-meta .ws-status.connected { .match-info-meta .ws-status.connected {
color: #bbf7d0; color: #14532d;
background: rgba(34, 197, 94, 0.22); background: #dcfce7;
} }
.match-info-meta .ws-status.error { .match-info-meta .ws-status.error {
color: #fecaca; color: #991b1b;
background: rgba(239, 68, 68, 0.24); background: #fee2e2;
} }
.match-info-meta .match-status { .match-info-meta .match-status {
color: #dbeafe; color: #1e3a5f;
background: rgba(37, 99, 235, 0.26); background: #dbeafe;
} }
.match-info-meta .match-status.running { .match-info-meta .match-status.running {
color: #bbf7d0; color: #14532d;
background: rgba(34, 197, 94, 0.22); background: #bbf7d0;
} }
.control-toolbar { .control-toolbar {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.45rem; gap: 0.35rem;
} }
.control-error { .control-error {
margin: 0; margin: 0;
padding: 0.45rem 0.65rem; padding: 0.3rem 0.5rem;
color: #fff; color: #991b1b;
background: rgba(220, 38, 38, 0.82); background: #fee2e2;
border-radius: 8px; border: 1px solid #fecaca;
font-size: 0.8rem; border-radius: 3px;
font-size: 0.74rem;
} }
.counter-display-panel { .counter-display-panel {
display: grid; display: grid;
gap: 0.55rem; gap: 0.4rem;
} }
.display-panel-head { .display-panel-head {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
justify-content: space-between; justify-content: space-between;
gap: 0.75rem; gap: 0.5rem;
padding: 0.2rem 0;
} }
.display-panel-head h3 { .display-panel-head h3 {
font-size: 0.95rem; font-size: 0.8rem;
color: #111827; font-weight: 600;
color: #555;
} }
.display-panel-head span { .display-panel-head span {
font-size: 0.74rem; font-size: 0.7rem;
color: #6b7280; color: #888;
} }
.display-panel-stage { .display-panel-stage {
overflow: hidden; overflow: hidden;
border-radius: 8px; border-radius: 4px;
border: 1px solid #111827; border: 1px solid #888;
background: #020617; background: #111;
box-shadow: 0 2px 12px rgba(0,0,0,0.12);
} }
</style> </style>