微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

递归混合中的转义计算会引发错误

如何解决递归混合中的转义计算会引发错误

目前我使用较少的 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 举报,一经查实,本站将立刻删除。