Tabs页卡

author: 闫申申

定义

页卡组件。

图片展示

Tabs 页卡 - 图1

代码演示

  2. import Tabs from 'pile/dist/components/tabs'
  3. const {TabPane} = Tabs
  4. <Tabs activeIndex={1} onChange={(n)=>{console.log(n)}}>
  5.   <TabPane tab="Tab1"><div className="tabs-test-style">Tab1 内容</div></TabPane>
  6.   <TabPane tab="Tab2"><div className="tabs-test-style">Tab2 内容</div></TabPane>
  7.   <TabPane tab="Tab3"><div className="tabs-test-style">Tab3 内容</div></TabPane>
  8. </Tabs>

属性

参数 描述 数据类型 默认值
activeIndex 默认展示 number 1
isInLocal 是否行内展示，true 通栏样式；false 行内样式 bool false
onChange 回调函数（n）参数n当前activeIndex的位置 function ()=>{}

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-tabs.html