Files
AntdUI/doc/wiki/en/Control/Tabs.md
2025-03-11 16:55:10 +08:00

3.4 KiB
Raw Blame History

首页更新日志配置主题SVG

Tabs

Tabs 标签页 👚 [beta]

选项卡切换组件。

  • 默认属性TabPages
  • 默认事件SelectedIndexChanged

属性

名称 描述 类型 默认值
ForeColor 文字颜色 Color? null
Fill 颜色 Color? null
FillHover 悬停颜色 Color? null
FillActive 激活颜色 Color? null
Alignment 位置 TabAlignment Top
Centered 标签居中展示 bool false
TypExceed 超出UI类型 TabTypExceed Button
ScrollBack 滚动条颜色 Color? null
ScrollBackHover 滚动条悬停颜色 Color? null
ScrollFore 滚动条文本颜色 Color? null
ScrollForeHover 滚动条悬停文本颜色 Color? null
Gap 间距 int 8
IconRatio 图标比例 float 0.7F
ItemSize 自定义项大小 int? null
Type 类型 TabType Line
Style 样式类型 IStyle 非空
TabMenuVisible 是否显示头 bool true
Pages 集合 TabCollection TabCollection []
SelectedIndex 选择序号 int 0
SelectedTab 当前项 TabPage? null

方法

名称 描述 返回值 参数
SelectTab 选中项 void string tabPageName
SelectTab 选中项 void TabPage tabPage
SelectTab 选中项 void int index 序号

事件

名称 描述 返回值 参数
SelectedIndexChanged SelectedIndex 属性值更改时发生 void int index 序号
ClosingPage 关闭页面前发生 bool TabPage page

IStyle

StyleLine

线条样式

名称 描述 类型 默认值
Size 条大小 int 3
Padding 条边距 int 8
Radius 条圆角 int 0
BackSize 条背景大小 int 1
Back 条背景 Color? null

StyleCard

卡片样式

名称 描述 类型 默认值
Radius 卡片圆角 int 6
Border 边框大小 int 1
Gap 卡片间距 int 2
Closable 可关闭 bool false
Fill 卡片颜色 Color? null
FillHover 卡片悬停颜色 Color? null
FillActive 卡片激活颜色 Color? null
BorderColor 卡片边框颜色 Color? null
BorderActive 卡片边框激活颜色 Color? null

数据

TabPage

继承于 ScrollableControl

名称 描述 类型 默认值
Icon 图标S Image? null
IconSvg 图标SVG string? null
Badge 徽标内容 string? null
BadgeSize 徽标比例 float 0.6F
BadgeBack 徽标背景颜色 Color? null
BadgeOffsetX 徽标偏移X int 0
BadgeOffsetY 徽标偏移Y int 0
Text 显示文本 string
Visible 是否显示 bool true
ReadOnly 只读 bool false