Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Tabs] t-tab 选项卡内容面板的顺序错乱 #3153

Closed
zhelingwang opened this issue Sep 19, 2024 · 4 comments · Fixed by #3188
Closed

[Tabs] t-tab 选项卡内容面板的顺序错乱 #3153

zhelingwang opened this issue Sep 19, 2024 · 4 comments · Fixed by #3188

Comments

@zhelingwang
Copy link

tdesign-miniprogram 版本

"tdesign-miniprogram": "^1.6.1" 基础库版本: 3.3.5

重现链接

https://developers.weixin.qq.com/s/s7MwDjmw7pUN

重现步骤

image

1.说明: 如代码片段所示, 只有第三个tab下是空数据, 其他tab下均有数据;
2.在页面加载完后, 直接点击第四个tab"跑一趟腿"(或点击第五个tab), 显示的是空白, 此时再点击第三个tab"帮取送", 本应显示在"跑一趟腿"tab-panel下的内容跑到"帮去送"的tab-panel下了;
3.重新来回切换第三个tab"帮取送"之后再切换到第四第五个tab后才是正常的展示对应的内容数据

期望结果

对应tab展示对应数据内容

实际结果

tab内容面板的顺序出现错乱

基础库版本

3.5.5

补充说明

No response

Copy link
Contributor

👋 @zhelingwang,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@zhelingwang
Copy link
Author

关闭动画, 就没有这个问题
animation="{{ { duration: 0.6 } }}"

@huxinhai
Copy link
Collaborator

huxinhai commented Sep 20, 2024

关闭动画, 就没有这个问题 animation="{{ { duration: 0.6 } }}"

可以改一下源码把那个原来的display:none 改为height:0; 就可以了 后续等官方大大修复了

@zhelingwang
Copy link
Author

关闭动画, 就没有这个问题 animation="{{ { duration: 0.6 } }}"

可以改一下源码把那个原来的display:none 改为height:0; 就可以了 后续等官方大大修复了

我使用样式覆盖的方式好像也可以
view.t-tab-panel:not(.t-is-active) { display: block !important; height: 0 !important; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants