LogoClawIndex
案例技能关于
LogoClawIndex

react-layout - React BAIFlex 布局与主题令牌

使用 BAIFlex 创建弹性布局,使用主题令牌实现统一的间距样式

标签

更新于: 2026-05-11
布局间距弹性盒响应式主题

能力

典型输入

典型输出

该技能可以做什么

  • 创建 BAIFlex 布局
  • 设置间距值
  • 应用主题令牌
  • 水平排列子元素
  • 垂直排列子元素
  • 创建响应式网格
  • 包装卡片额外内容
  • 配置表格滚动
  • 迁移 Space 组件
  • 迁移 Flex 组件

输入

  • 布局需求
  • 子元素
  • 间距值
  • 响应式断点

输出

  • BAIFlex 布局
  • 主题间距
  • 响应式网格
  • 对齐的卡片标题
  • 可滚动表格

要求

  • backend.ai-ui 包
  • BAIFlex 组件
  • theme.useToken 钩子
  • antd 断点

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建 BAIFlex 布局
设置间距值
应用主题令牌
水平排列子元素
布局需求
子元素
间距值
BAIFlex 布局
主题间距
响应式网格