返回介绍

Tabs 页卡

发布于 2021-07-01 01:13:09 字数 1049 浏览 814 评论 0 收藏 0

定义

页卡组件。

图片展示

代码演示


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默认展示number1
isInLocal是否行内展示,true 通栏样式;false 行内样式boolfalse
onChange回调函数(n)参数n当前activeIndex的位置function()=>{}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文