跳到主要内容
AI TradeDesign System
Design System / Domain components

AI 与业务

复用真实研究组件,保留 AI 与演示数据的边界。

与工作台共享外观偏好

AiNote / AiEntry / AiPanelLink

先结论、后依据,保留限定语。入口进入现有智选助手页面,不在目录中调用模型。

研究提示 这是展示排版的固定示例,并非模型对当前市场的判断。

解释这些变化✦ 继续研究结合原始证据核验,不构成投资建议
查看用法
<AiNote title="研究提示">请结合来源核验。</AiNote>
<AiEntry label="解释这些变化" href="/ai" />
<AiPanelLink title="继续研究" note="结合原始证据核验" href="/ai" />

IndexQuoteCard

指数身份、主值、涨跌、迷你走势和高低量。

示例指数 AA
100.00+1.00上涨+1.00%上涨
高
102.00
低
98.00
成交额
100 万
示例指数 BB
100.00−1.00下跌−1.00%下跌
高
102.00
低
98.00
成交额
100 万
查看用法
<IndexQuoteCard quote={quote} meta={meta} />

QuoteHeader

个股信息头保持价格中性,仅涨跌着色。

示例证券SAMPLE排版
100.00+1.00上涨+1.00%上涨组件样例
查看用法
<QuoteHeader quote={quote} meta={meta} />

SkillCard

规则、适用人群、观察周期、风险与来源优先,历史表现待核验。

排版sample · 组件样例

示例方法

验证卡片排版

适用人群
组件评审
观察周期
不适用

没有执行策略

需要留意

仅供排版

失效条件:不提供策略信号

历史表现暂不可用 · 没有回测

查看筛选规则 →
查看用法
<SkillCard skill={skill} meta={meta} />

StreamCard

时间流与事实列表复用共享表格骨架,不重新绘制数据层。

指数样例

冻结演示数据
业务卡片内的指数演示
指数点位
示例指数 AA100.00+1.00%上涨
示例指数 BB100.00−1.00%下跌
演示数据
查看用法
<StreamCard title="指数样例" module={module} columns={columns}
  rows={rows} getRowKey={(row) => row.instrument_id} caption="指数样例" />

交付边界

此处展示当前 React 组件,不执行交易,不生成真实收益。实时模型调用、登录账户与工作台外壳保留在各自页面,目录不复制其服务流程。

所有数据示例仅用于组件排版演练,不构成投资建议。