组件 / 标签导航

标签导航 展示/交互

组件 ID: tabs

这是一个标准的 SunForm 展示/交互组件，支持可视化配置与低代码生成。

JSON 配置示例

直接复制以下 JSON 到配置文件中即可使用。

{
  "type": "tabs",
  "props": {
    "label": "已退款",
    "value": "5"
  }
}

属性配置 (Props)

属性名 类型 默认值 说明
label string 标签导航 标签文本/标题
remark string - 组件备注/说明
hide boolean false 是否隐藏该组件
labelPosition string top 标签位置 (top/left)
labelAlign string left 标签对齐方式
labelWidth string 120upx 标签宽度
style object {} 自定义内联样式 CSS
zdname string - 暂无描述
valueStr string - 暂无描述
value string - 表单值 / 绑定值
itemWidth string auto 暂无描述
height string 80 高度
round string 0 暂无描述
mode string start 暂无描述
color string #ffffff 组件主色调
darkColor string - 颜色值
activeTitleColor string #4080ff 颜色值
titleColor string #888888 颜色值
darkTitleColor string #cacaca 颜色值
lineColor string #4080ff 颜色值
lineHeight string 3px 暂无描述
lineFull boolean false 暂无描述
showLine boolean true 暂无描述
fontSize string 30 暂无描述
activeFontSize string 32 暂无描述
titlePadding string 12px 暂无描述
moveCount number 2 暂无描述
gap string 20 暂无描述
dotBgColor string #FF2E04 颜色值
customItemStyle string - 暂无描述
activeItemStyle string - 暂无描述
list object [{ 暂无描述
label string 全部 标签文本/标题
value string 0 表单值 / 绑定值
label string 待收款 标签文本/标题
value string 1 表单值 / 绑定值
dot string 6 暂无描述
label string 待配送 标签文本/标题
value string 2 表单值 / 绑定值
label string 售后中 标签文本/标题
value string 3 表单值 / 绑定值
dot string hot 暂无描述
label string 已退款 标签文本/标题
value string 4 表单值 / 绑定值
label string 待配送 标签文本/标题
value string 5 表单值 / 绑定值
label string 售后中 标签文本/标题
value string 6 表单值 / 绑定值
label string 已退款 标签文本/标题
value string 7 表单值 / 绑定值
apiSet object { API 接口配置对象 (url, method, params)
method string post 暂无描述
apiurl string - 暂无描述
params object [] 暂无描述
headers object [] 请求头配置
isQuery boolean false 暂无描述
contentType string JSON 暂无描述
paramsFormat string - 暂无描述
headersFormat string - 暂无描述
successFormat string - 暂无描述
errorFormat string - 暂无描述
labelField string - 暂无描述
valueField string - 暂无描述
beforeSend string - 暂无描述
onCreated any null 组件创建时触发的事件
onMounted any null 组件挂载后触发的事件
onChange any null 事件回调