width: 200px;
height: 200px;
border-radius: 50%;
猫猫儿
- 发布：2020-12-12 20:12
- 更新：2020-12-14 13:57
- 阅读：1092
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： WIN10
HBuilderX类型： Alpha
HBuilderX版本号： 2.9.11
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 红米Note5
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
css使用border-radius: 50%;
css使用border-radius: 50%;
预期结果：
正常显示为圆形
正常显示为圆形
实际结果：
轻微畸变或严重畸变
轻微畸变或严重畸变
bug描述：
在nvue下：
为超过110px宽高左右的图片(view是否会出现未验证)添加border-radius: 50%;属性会出现畸变(即类似椭圆形状的不规则圆形)
为超过140px宽高左右加入时，会出现严重畸变，显示效果类似于加了一个大圆角(border-radius: 20px)而非圆形。
猫猫儿 (作者)
我之前也试出来了，这个确实可以，但也只是一个临时方案。
大家还是比较熟悉用50%
2020-12-12 22:57
DCloud_uniCloud_WYQ
回复 猫猫儿: nvue不支持百分比
2020-12-14 11:05