1. Card (卡片容器)
<Card> 组件是排版的基础容器,支持 7 种主题色(blue, green, orange, red, yellow, purple, slate)和 4 种变体(soft, filled, border, left-border)。
Variant: soft (柔和背景 - 默认)
Blue Soft
蓝色柔和背景卡片
Green Soft
绿色柔和背景卡片
Orange Soft
橙色柔和背景卡片
Variant: filled (实心背景)
Blue Filled
蓝色实心背景卡片,文字自动反白。
Red Filled
红色实心背景卡片。
Slate Filled
灰石色实心背景卡片。
Variant: border (仅边框)
Blue Border
蓝色边框卡片,背景透明(白色)。
Purple Border
紫色边框卡片。
Variant: left-border (左侧粗线 - 适用于延伸阅读)
延伸阅读 · 推荐
这是一张 left-border 变体的卡片,左侧有一条与主题色相同的加粗边线。
2. Flow & FlowRow (拓扑流 / 替代 Mermaid)
利用 <Flow> 容器和 <FlowRow> 行组件,可以轻松拼接出垂直排布的流程图或拓扑图结构。
▾ 完整形态展示 ▾
顶层节点 (Filled)
分支节点
子节点 A
子节点 B
子节点 C
子节点 D
保值 × 风险
↓
容错之争
风险 × 招商
↓
三个”不”
招商 × 保值
↓
退出难
结论:管资产 → 管资本 (left-border)
-
四种基础语义: note 蓝色、tip 绿色、warning 黄色、danger 红色。
-
行内格式混合: 加粗蓝色、斜体红色、
warning inline code、删除线绿色。 -
实际场景推荐: 不要在代码中直接调用
,我们推荐使用deprecated APIcoroutineScope替代。
3. List & ListItem (增强列表)
支持三种结构变体:block(卡片块)、split(左侧分割线)、circle(实心圆圈序号)。
Variant: block (全宽卡片块列表)
- 不敢投 —— 责任边界不清晰。追责条款详尽,但”正常投资失败”的安全港在哪里?
- 不能投 —— 制度约束太多。返投比例、审批层级、投资限制,层层叠加后,好项目等不起。
- 不会投 —— 市场化激励不到位,专业化能力建设缺乏内生动力。
- 不想投 —— 默认的 slate 主题表现。
Variant: split (左侧垂直分割线前缀列表)
- 深圳选”市场化”——深创投引入充分市场化机制,2025年提出”大胆资本”概念。
- 合肥选”产业引导”——接受单个项目亏损,换取产业生态整体收益。
- 广州开发区种子期天使期直投100%容亏——在制度层面承认早期风险本质。
Variant: circle (实心圆圈序号列表)
- 理念先行:基金整体回报为正、产业带动明显,个别项目的失败就是可接受的成本。
- 制度落地:“不以单个项目盈亏考核”需要变成可操作的细则——按基金整体考核。
- 工具善用:AIC、创投母基金、科创债券、S基金。
4. BadgeGroup & Badge (彩色胶囊标签)
AIC直投扩大 (blue)国家创投母基金 (green)社保基金入场 (orange)高风险警告 (red)待观察项目 (yellow)科创债券 (purple)常规标签 (slate)
5. BarChart & Bar (轻量数据可视化)
可以直接指定颜色。如果设置了 percent(0-100),进度条就会相应填充。
说明
note:标准说明,蓝色底框。
专业小技巧
tip:技巧提示,绿色底框。可自定义标题。
注意
warning:警告踩坑,黄色底框。
警告:高风险操作
danger:高危警告,红色底框。
说明
专业小技巧
注意
警告:高风险操作
note:标准说明,蓝色底框。
tip:技巧提示,绿色底框。可自定义标题。
warning:警告踩坑,黄色底框。
danger:高危警告,红色底框。