antd tabs 滑动速度
时间: 2023-09-02 17:05:55 浏览: 134
【JavaScript源代码】React antd tabs切换造成子组件重复刷新.docx
antd Tabs 组件的滑动速度可以通过设置 `tabBarGutter` 属性来控制。该属性决定了每个选项卡之间的间距,从而影响滑动速度。默认情况下,该属性的值为 0,表示选项卡之间没有间距。
你可以通过设置 `tabBarGutter` 的值来调整滑动速度。例如:
```jsx
<Tabs tabBarGutter={20}>
<TabPane tab="Tab 1" key="1">
Content of Tab Pane 1
</TabPane>
<TabPane tab="Tab 2" key="2">
Content of Tab Pane 2
</TabPane>
<TabPane tab="Tab 3" key="3">
Content of Tab Pane 3
</TabPane>
</Tabs>
```
在上面的例子中,我们将 `tabBarGutter` 的值设置为 20,这将增加每个选项卡之间的间距,从而使滑动速度变慢。你可以根据需要调整该值。
阅读全文