business-tabs

说明

选项卡切换组件

演示

源码

https://github.com/ddzy/ts-utility-plugins/tree/master/src/ddzy/business/tabs

配置

Name

Type

Description

Required

container

string

挂载到的 DOM 容器

false

dataSource

Array<{

tabPaneTitle: { icon?: string, text?: string, }, tabPaneContent: { text?: string, },

}>

数据源

false

type

'line' | 'card'

选项卡类型

false

mouse

'mouseenter' | 'click'

鼠标切换方式

false

defaultActiveKey

number

默认显示的选项卡

false

tabBarGap

number

选项卡间距

false

tabBarStyle

object

选项卡标题的样式

false

tabBarLineStyle

object

选项卡标题线的样式

false

animated

boolean

是否开启过渡动画

false

onChange

(activeKey: number | string) => void

*

false

onTabClick

() => void

*

false