-
Notifications
You must be signed in to change notification settings - Fork 277
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
[t-button] button loading问题 #2251
Comments
👋 @Axiano,感谢给 TDesign 提出了 issue。 |
@Axiano 你是用什么方式修改的 border-radius 呢? 辛苦提供一下完整的可复现代码~ (我这边初步用 --td-button-border-radius 方式修改,未见异常) |
直接 行内样式,抱歉没想到去用 --td-button-border-radius 修改
|
@anlyyao 但是这个可以去单独修改这个border-radius 的样式吗,如果使用 page { --td-button-border-radius: 12px; } 会全局的按钮样式都会改变 |
--td-button-border-radius 的影响范围取决于你所放位置的影响范围
<t-button class="test" loading="{{true}}">确认</t-button> .test {
--td-button-border-radius: 16px;
} |
@anlyyao 太感谢了🥰 |
有点奇怪,我这边尝试用你的代码复现,但是结果和你的截图表现并不一致。代码片段:https://developers.weixin.qq.com/s/ksaRrim47fKg, 效果如下: 上方也非预期效果,原因是button的border是伪元素实现的,要用t-class的话,需要在额外加上 ::after{border-radius: calc(@border-radius * 2)},效果如截图下半部分所示。(推荐使用css variable)
|
我这个问题是 实机发现的,模拟器无法复现 |
|
tdesign-miniprogram 版本
1.1.14
重现链接
确认
重现步骤
如果给button 添加一个 border-radius样式,并且处于loading状态,最后通过真机调试,是因为loading动画导致的
期望结果
给了border-radius 并且处于loading状态,不要边框
实际结果
给了border-radius 并且处于loading状态,有边框
基础库版本
2.32.3
补充说明
No response
The text was updated successfully, but these errors were encountered: