<image style="border-radius:10rpx;"/>
低调路人甲
- 发布：2022-04-13 23:48
- 更新：2023-04-14 17:44
- 阅读：963
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： Alpha
HBuilderX版本号： 3.4.5
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： 米8
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
四个角都是圆角
四个角都是圆角
实际结果：
上面两个是圆角，下面两个不是圆角
上面两个是圆角，下面两个不是圆角
bug描述：
image标签设置style="border-radius:10rpx";
结果只有左上角和右上角圆角，左下角和右下角没变化。外面套了一层div，设置border-radius也是一样的结果
2 个回复
非专业键盘侠
其实是生效的。之所以下面两个角没效果，是因为图片没有完全展示出来。
最简单的验证办法，给图片加上固定长宽，比如都是200rpx，你再设置圆角，你看看是不是就好了
如果不给image设置圆角，而是给外层view设置，那设置完了还得overflow:hidden一下吧
9***@qq.com
我也遇到这个问题了 为啥呢 手动设置图片宽高 也不行