NoticeBar content插槽循环滚动异常终止

[bgmmd]

tdesign-miniprogram 版本

1.4.5

重现链接

https://developers.weixin.qq.com/s/9YrFkNmZ7qSr

重现步骤

导入t-notice-bar组件，marquee配置循环滚动，使用content插槽，插槽内容尽量长一点，当第一次滚动结束后，后续循环出现终止

期望结果

插槽模式应该和属性模式保持一致，设置了循环滚动应该正常循环

实际结果

循环滚动出现终止或停止时间过长

基础库版本

3.5.0

补充说明

插槽可以尝试一下多种元素，如rich-text

IssueShoot

• 预估时长: 3
• 期望完成时间: 2024-11-15 00:00:00 +0000 UTC
• 开发难度: 中
• 参与人数: 1
• 需求对接人: jeannehuang;anlyyao;jarmywang
• 验收标准: 实现期望改造效果，提 PR 并通过验收无误
• 备注: 最终激励以实际提交 pull request 并合并为准

[github-actions]

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

[anlyyao]

@bgmmd
你的机型是什么？我这边没能复现你的问题，可能需要在提供多一点信息给我。

RPReplay_Final1721819165.MP4

关于“补充说明”中的内容，没太理解，是需要我们支持？还是示例换用rich-text包裹？？😄

[gangchn]

@anlyyao 我把楼主给的最小复现 demo 下载下来运行后，确实存在他所说的问题，见如下的录屏。

复现步骤是：

1. 打开项目。
2. 等待跑马灯循环播放两次。
3. 从 45s 开始，观察上下两个通知栏，可以发现第一个通知栏文字循环终止。

复现视频：

Screen.Recording.2024-09-19.at.11.online-video-cutter.com.mp4

基础库版本：

3.5.6

[anlyyao]

@gangchn @bgmmd 以真机效果为准哈。另外该组件暂未适配skyline，请在webview下使用

[gangchn]

@anlyyao 我把渲染模式切换成了 webview 且使用真机进行调试，仍然可以复现，见如下的录屏，具体的代码片段我贴在了最末尾。

另外奇怪的是当 NoticeBar 的 theme 属性设置为 info 就不会出现这个情况，视频里我设置成 warning 就会出现，不知道这个信息是否对你有帮助。

复现视频：

tdesign-miniprogram-issues-2993.mp4

复现链接：
https://developers.weixin.qq.com/s/Xa6qbymc7yVS