Tencent / Tencent/tdesign-miniprogram
[Toast 轻提示] 设置最大宽度--td-toast-max-width不符合预期
Open
Nobody has claimed this yet.
🐞 bug
- Dominant language
- Vue
- Stars
- 1.8k
- Forks
- 337
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 19
Description
tdesign-miniprogram 版本
1.9.7
重现链接
No response
重现步骤
- 设置较长的文字
- 修改--td-toast-max-width大于375rpx
- 查看效果不符合预期
期望结果
- 设置最大宽度大于375rpx时，应该正常生效
- 最大宽度生效后，t-toast的底部高度应该只有padding的高度，不应该多出一截高度
实际结果
- webview模式：最大宽度不生效
- skyline模式：最大宽度不生效 或 最大宽度生效，但t-toast本身高度不符合预期
基础库版本
3.8.12
补充说明
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start from the Toast implementation and the --td-toast-max-width styles, then reproduce the issue in both webview and skyline modes with text longer than 375rpx. Done means widths above 375rpx take effect and the Toast bottom height contains only the intended padding, without an extra section.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100