Simon
92627f5b6b
- 后端业务 API：GET /api/stocks(搜索/分页)、GET /api/factors（因子目录）、POST /api/factor-tests 与 /api/backtests（Research Spec 驱动同步执行）、GET /api/backtests/last；Annotated 依赖注入 + CORS(dev) - Repository 批量查询 get_range_many（研究装配一次查询，避免逐只拉取） - 前端 frontend/web：Next.js 15(TS) + ECharts —— 总览 / 股票池 / 因子研究(IC·RankIC·分层展示) / 回测（净值·回撤·月度·持仓·未建模标注） - 前端只消费业务 API 与标准化 BacktestResult，无 Qlib/SQL 概念泄漏 - 真实数据：同步 20 只权重股 2023-2024 日线（9680 根）支撑截面研究 - 验证：API 集成测试 8 项（DTO 校验/装配/引擎/标准结果，内存 repo 全链路）+ 全量 pytest 68 passed；前端 tsc + next build 通过；无头浏览器端到端（factors/backtest 页面渲染后端数据） - ruff clean
169 lines
2.3 KiB
CSS
169 lines
2.3 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap");
|
|
|
|
:root {
|
|
--bg: #0f172a;
|
|
--panel: #1e293b;
|
|
--panel-2: #273449;
|
|
--text: #e2e8f0;
|
|
--muted: #94a3b8;
|
|
--accent: #38bdf8;
|
|
--good: #34d399;
|
|
--bad: #f87171;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: "Noto Sans SC", system-ui, sans-serif;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
gap: 18px;
|
|
align-items: center;
|
|
padding: 12px 24px;
|
|
background: var(--panel);
|
|
border-bottom: 1px solid #334155;
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
|
|
nav a {
|
|
color: var(--muted);
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
}
|
|
|
|
nav a:hover,
|
|
nav a.active {
|
|
color: var(--accent);
|
|
}
|
|
|
|
nav .brand {
|
|
color: var(--text);
|
|
font-weight: 700;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
main {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 24px;
|
|
}
|
|
|
|
.card {
|
|
background: var(--panel);
|
|
border: 1px solid #334155;
|
|
border-radius: 10px;
|
|
padding: 18px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 22px;
|
|
margin: 0 0 16px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 16px;
|
|
margin: 0 0 12px;
|
|
}
|
|
|
|
.muted {
|
|
color: var(--muted);
|
|
font-size: 13px;
|
|
}
|
|
|
|
.stat-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
|
gap: 12px;
|
|
}
|
|
|
|
.stat {
|
|
background: var(--panel-2);
|
|
border-radius: 8px;
|
|
padding: 14px;
|
|
}
|
|
|
|
.stat .label {
|
|
color: var(--muted);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.stat .value {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.good { color: var(--good); }
|
|
.bad { color: var(--bad); }
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: 13px;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
text-align: left;
|
|
padding: 8px 10px;
|
|
border-bottom: 1px solid #334155;
|
|
}
|
|
|
|
th {
|
|
color: var(--muted);
|
|
font-weight: 500;
|
|
}
|
|
|
|
input,
|
|
select,
|
|
button {
|
|
background: var(--panel-2);
|
|
color: var(--text);
|
|
border: 1px solid #475569;
|
|
border-radius: 6px;
|
|
padding: 8px 10px;
|
|
font-size: 13px;
|
|
margin: 2px 6px 2px 0;
|
|
}
|
|
|
|
button.primary {
|
|
background: var(--accent);
|
|
color: #0f172a;
|
|
font-weight: 700;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button.primary:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.error {
|
|
color: var(--bad);
|
|
font-size: 13px;
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
align-items: center;
|
|
}
|
|
|
|
.form-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
|
gap: 10px;
|
|
align-items: end;
|
|
}
|