<button
style="width: 108px; height: 44px; border-radius: 55px;"
>
退出登录
</button>

- 发布:2025-03-10 15:56
- 更新:2025-03-11 01:50
- 阅读:32
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows@10.0.26100
HBuilderX类型: 正式
HBuilderX版本号: 4.55
手机系统: Android
手机系统版本号: Android 10
手机厂商: 小米
手机机型: MI 8
页面类型: nvue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
新建一个nvue页面,运行至安卓自定义基座
新建一个nvue页面,运行至安卓自定义基座
预期结果:
按钮button圆角样式表现正常
按钮button圆角样式表现正常
实际结果:
圆角不正常,请参照附件图
圆角不正常,请参照附件图
bug描述:
button组件在nvue页面圆角样式border-radius失效表现异常,上一个版本无此问题,更新了Hbuilder X版本到4.55开始出现,自定义基座运行后,style设置了border-radius,但是左上角的圆角不生效。


retrocode - 现已加入旺旺大礼包全家桶
我们也遇到这个问题了, 采用的是纯nvue模式, 可以确定是这个是 4.55.2025030718 最新的bug, 上个版本并无这个问题.
我看了下更新日志, 的确有 border-radius 相关的改动, 但是issue中说的是针对image的, 我不确定是不是这条导致的.
https://issues.dcloud.net.cn/pages/issues/detail?id=15258
还是希望官方尽快更新一下, 毕竟这个是UI bug, 而且很明显... 不好跟产品糊弄过去