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
​

最近更新 3yr ago

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