border-radius: 23% 77% 65% 35% / 55% 67% 33% 45% ; 运行到微信开发工具
h***@163.com
- 发布：2023-05-01 15:26
- 更新：2023-05-01 15:49
- 阅读：267
产品分类： HbuilderX
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX版本号： 3.6.13
操作步骤：
预期结果：
border-radius: 23% 77% 65% 35% / 55% 67% 33% 45% ;
border-radius: 23% 77% 65% 35% / 55% 67% 33% 45% ;
实际结果：
border-radius: 23% 77% 65% 35% / 55% 67% 33% 45% ;
border-radius: 23% 77% 65% 35% / 55% 67% 33% 45% ;
bug描述：
border-radius: 23% 77% 65% 35% / 55% 67% 33% 45% ;
样式中间斜杠 运行编译到微信小程序直接作为运算进行运算了
微信开发工具中变成：border-radius: 23% 77% 65% 0.63636364% 67% 33% 45%;
1 个回复
h***@163.com (作者)
解决方式，将上面一个拆成四个：
border-top-left-radius: 23% 55%;
border-top-right-radius: 77% 67%;
border-bottom-right-radius: 65% 33%;
border-bottom-left-radius: 35% 45%;