Tabs 页卡
优质
小牛编辑
124浏览
2023-12-01
定义
页卡组件。
图片展示
代码演示
import Tabs from 'pile/dist/components/tabs'
const {TabPane} = Tabs
<Tabs activeIndex={1} onChange={(n)=>{console.log(n)}}>
<TabPane tab="Tab1"><div className="tabs-test-style">Tab1 内容</div></TabPane>
<TabPane tab="Tab2"><div className="tabs-test-style">Tab2 内容</div></TabPane>
<TabPane tab="Tab3"><div className="tabs-test-style">Tab3 内容</div></TabPane>
</Tabs>
属性
参数 | 描述 | 数据类型 | 默认值 |
---|---|---|---|
activeIndex | 默认展示 | number | 1 |
isInLocal | 是否行内展示,true 通栏样式;false 行内样式 | bool | false |
onChange | 回调函数(n)参数n当前activeIndex的位置 | function | ()=>{} |