如何解决递归混合中的转义计算会引发错误
目前我使用较少的 2.5.3 版本并拥有默认的 css calc 行为,我必须像这样转义它:width: calc(100vw - 30px);
变成这样:width: calc(~"100vw - 30px");
这是有效的,但当我使用递归混合时无效。
我使用这个编译器来测试我的正确版本:http://ecomfe.github.io/est/fiddle/#version=2.5.3&autoprefix=false&est=true
这是我的代码:
.generate_rows_tablet_m_4 (@i,@n) when (@i < 41) {
.start-row-m-@{i}.row-m-4 {
height: calc(~"100vw - 15px");
top: calc(@n * (~"50vw - 7.5px"));
}
.generate_rows_tablet_m_4(@i + 1,@i * 0.5)
}
.generate_rows_tablet_m_4(2,0.5);
编译器说问题出在第 4 行。当我删除转义符时,它可以正常工作,但计算错误。
当我像这样转义整个计算 top: ~"calc(@n * (50vw - 7.5px))";
时它也不会计算,因为 @n 被移植到前端,这显然不起作用。
你知道如何解决这个问题吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。