Repository navigation
[Badge 微标] 添加角标后页面样式不正确 #3063
Description
tdesign-miniprogram 版本
1.5.1
重现链接
No response
重现步骤
[Badge 微标] 再单元格cell上面添加了角标后，页面可以左右滑动，会把页面的布局大小给更改
期望结果
请修复
实际结果
No response
基础库版本
No response
补充说明
No response
{{ message }}
1.5.1
No response
[Badge 微标] 再单元格cell上面添加了角标后，页面可以左右滑动，会把页面的布局大小给更改
请修复
No response
No response
No response
Activity
github-actions commentedon Aug 10, 2024
👋 @HuiDreamer，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。
anlyyao commentedon Aug 11, 2024
@HuiDreamer 提供代码片段
HuiDreamer commentedon Aug 12, 2024
您好，官方演示的TDesign UI的小程序中，就可以演示出来。在开发工具中是正常的，但是上线到小程序客户端后，手机IOS端打开便会有这样的问题
anlyyao commentedon Aug 13, 2024
fix(badge): fixed the overflow problem of ribbon badge
fix(badge): fix ribbon overflow (Tencent#3074)
anlyyao commentedon Sep 12, 2024
@HuiDreamer 1.6.0 版本的badge角标使用clip-path，能避免你所提的问题，但该属性在 skyline render中不支持， 1.6.1 版本暂时会回退成伪元素处理，你的问题会在次出现，需要给cell组件手动加下溢出隐藏 overflow: hidden 。 (很抱歉带来不好的体验，在 skyline 支持clip-path属性的过程中，我们也会尝试寻找其他更优的解决方案～)