操作流程动图

参数详解

参数路径 常用值或类型 说明
extra - 天舟云对按钮控件的额外定义参数
extra.showType button｜icon｜iconText 按钮展示类型：
button：普通圆角矩形按钮
icon纯图标按钮
iconText图标+文字按钮
在明细表中，只能展示为iconText类型，会忽略该配置
extra.group string 按钮所在的分组标识，如果在同一个按钮容器中，有相同的分组标识则会被分为一个组。
如果该标识为空，则不参与任何分组。
attr - 该对象中的参数都会透传给antd按钮控件中，可参考 👉 Antd按钮组件参数列表
attr.style object 按钮样式，需要将传统CSS样式转换为驼峰，例如：font-size => fontSize
attr.className string 按钮样式类，可使用业务系统定义的样式类或天舟云内置的全局样式类，如果有多个样式类组合需要以空格分割字符串，例如：lcp-bg-dark lcp-margin-5

天舟云内置的全局样式类

可见 👉 设计器全局样式类说明

案例

修改按钮颜色

方法一、通过attr.style

背景颜色为红色示例

"style": {
    "backgroundColor": "#ff0000"
}
方法二、通过attr.className

lcp-bg-transparent：背景颜色为透明色

lcp-bg-white：背景颜色为白色

lcp-bg-dark：背景颜色为黑色

lcp-bg-primary、lcp-bg-info：背景颜色为蓝色

lcp-bg-success：背景颜色为绿色

lcp-bg-warning、lcp-bg-warn：背景颜色为橙色

lcp-bg-danger、lcp-bg-error：背景颜色为红色

lcp-bg-disabled：背景颜色为灰色

配置按钮分组

通过对不同的按钮在extra.group值配置相同的内容，即可完成分组。

示例如下：

作者：袁子涵  创建时间：2024-07-04 18:26
最后编辑：袁子涵  更新时间：2025-05-12 18:04