ts-utility-plugins-docs
主页
Github
搜索文档…
Overview
Business
business-upload
business-tabs
business-carousel
business-draggable
Canvas
canvas-colorful-bubble
canvas-jumping-characters
canvas-stars-line
Utility
utility-algorithm
utility-array
utility-dom
utility-function
utility-number
utility-object
utility-string
utility-date
utility-others
Extra
如何贡献?
贡献内容?
由
GitBook
提供支持
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
以前
dragger-upload
下一个 - Business
business-carousel
最近更新
1yr ago
复制链接
大纲
说明
演示
源码
配置