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

[Tabbar] 弱选中标签栏,红色气泡遮住了底部图标 #2416

Closed
xiaweiss opened this issue Oct 30, 2023 · 4 comments · Fixed by #2456
Closed

[Tabbar] 弱选中标签栏,红色气泡遮住了底部图标 #2416

xiaweiss opened this issue Oct 30, 2023 · 4 comments · Fixed by #2456
Labels
easy 简单问题 enhancement New feature or request IssueShoot

Comments

@xiaweiss
Copy link

xiaweiss commented Oct 30, 2023

tdesign-miniprogram 版本

1.2.3

重现链接

tdesign示例小程序

重现步骤

image

期望结果

[Tabbar] 弱选中标签栏,红色气泡靠右一些,不遮住底部图标

实际结果

[Tabbar] 弱选中标签栏,红色气泡遮住了底部图标

基础库版本

3.1.5

补充说明

No response

IssueShoot

  • 预估时长: 1
  • 期望完成时间: 2023-11-30
  • 开发难度: 低
  • 参与人数: 1
  • 验收标准: 实现期望改造效果,提 PR 并通过验收无误
  • 备注: 最终激励以实际提交 pull request 并合并为准
@github-actions
Copy link
Contributor

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

@anlyyao anlyyao added the question This is a question, not a bug label Nov 1, 2023
@anlyyao
Copy link
Collaborator

anlyyao commented Nov 1, 2023

@xiaweiss badge-props 属性可以透传给Badge组件,你可以自行调整 offset 属性来调整徽标位置

badge-props="{{ {count: 16, offset: [-5,-5]} }}"

@xiaweiss
Copy link
Author

@anlyyao 看起来是 right top 定位的,建议使用 left top 来定位。
如果字数不确定的情况下,left top 能自适应宽度。而 right top 则需要先计算文字宽度,再自定调整 offset。
建议考虑下开发者体验

@anlyyao anlyyao added enhancement New feature or request easy 简单问题 and removed question This is a question, not a bug labels Nov 20, 2023
@anlyyao
Copy link
Collaborator

anlyyao commented Nov 20, 2023

@xiaweiss 收到反馈,确实可以优化一下。 欢迎你一起来共建🏹呀~

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
easy 简单问题 enhancement New feature or request IssueShoot
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants