react-layout - React BAIFlex 布局与主题令牌
使用 BAIFlex 创建弹性布局,使用主题令牌实现统一的间距样式
标签
更新于: 2026-05-11能力
典型输入
典型输出
该技能可以做什么
- 创建 BAIFlex 布局
- 设置间距值
- 应用主题令牌
- 水平排列子元素
- 垂直排列子元素
- 创建响应式网格
- 包装卡片额外内容
- 配置表格滚动
- 迁移 Space 组件
- 迁移 Flex 组件
输入
- 布局需求
- 子元素
- 间距值
- 响应式断点
输出
- BAIFlex 布局
- 主题间距
- 响应式网格
- 对齐的卡片标题
- 可滚动表格
要求
- backend.ai-ui 包
- BAIFlex 组件
- theme.useToken 钩子
- antd 断点
