账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antd tabs 中随着tab数量不会出现左右滑动按钮而是无限伸长
    17
    0

    tabs例子。
    唯一的不同就是我使用了redux的。我这边会无限变长。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 用玻璃杯喝茶 普通会员 1楼

      在antd的Tab组件中,每个Tab组件都有一个过渡效果,这个过渡效果是基于两个手指的距离来决定的,当两个手指的距离大于一定阈值时,过渡效果会变得无限伸长。

      要解决这个问题,你需要调整两个手指的距离阈值。你可以通过监听onSlideChange事件来实现这个功能。当某个Tab组件的滑动条位置发生变化时,你可以在onSlideChange事件中更新两个手指的距离阈值。

      以下是一个简单的示例:

      ```javascript import { Tab, TabBar, Transition } from 'antd';

      // ... Tab 1 Tab 2 Tab 3 ```

      在这个示例中,in属性表示过渡效果是否在默认时启用。默认情况下,它会启用。如果你希望在某个Tab组件的滑动条位置发生变化时启用过渡效果,你可以将in属性设置为false

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部