嵌套调用less函数时参数值的变化及提取部分-遁地龙卷风

在a.less中导入base.less
a.less中的代码

.animate-ripple-ink{
.animation(ripple .5s linear;{
100%{
opacity: 0;
.transform(scale(2.5));
}
});
}

base.less中的代码

.animation(@value;@content){
-webkit-animation: @value;
-moz-animation: @value;
-o-animation: @value;
-ms-animation: @value;
animation: @value;
.keyframes(~`"@{value}".split(/,\s+/)[0].replace("[","")`,@content);
}

@value的值为[ripple, .5s, linear]
"@{value}"成为字符串"[ripple, .5s, linear]",避免js解析错误。
~避免编译,不加则输出为"ripple"
Tips:

.animate-ripple-ink{
.animation(ripple .5s linear;{
100%{
opacity: 0;
.transform(scale(2.5));
}
});

少一个},less竟然不报错,而是调用一个参数的.animation !我觉的这是一个bug。

时间: 2024-12-18 00:44:33

嵌套调用less函数时参数值的变化及提取部分-遁地龙卷风的相关文章

[iOS]通过JS调用iOS函数时的URL编码问题

在前面的文章:[iOS]在WebApp中如何使用JS调用iOS的函数 中,提到了如何使用JS通过修改URL调用iOS的内部函数. 其中会遇到一个问题,就是编码问题,比如通过URL调用弹窗,在里面写上内容:你好汪海. 那链接大概就是这样的:http://xxx.com#ios?action=alert&param=你好汪海 但是在iOS中接收到的时候会出现中文的乱码: http://xxx.com#ios?action=alert&param=%25E6%2596%2587%25E4 遇到这

C#调用耗时函数时显示进度条浅探

第一种:使用BackgroundWorker进行进度条控制 BackgroundWorker对象有三个主要的事件: DoWork - 当BackgroundWorker对象的多线程操作被执行时触发. RunWokerCompleted - 当BackgroundWoker对象的多线程操作完成时触发. ProgressChanged - 当BackgroundWorker对象的多线程操作状态改变时触发. WorkerReportsProgress - 如果想让BackgroundWorker对象以

c++ 调用pthread_create函数时,传入类中的成员报错。解决方法。

1.问题出现 我想把我的c程序转成c++的方式写,因为我觉得c++的面向对象方式特别的好用. 然后我开始移植了,当我想把在一个类函数中调用pthread_create来创建一个类. 我给的参数是 s=pthread_create(&id,NULL,run,NULL); //函数原型 void * THREAD_433::run(void *arg) { void * ret; using namespace std; cout<<"hello!\r\n"; retu

memset初始化类 在调用虚函数时的出错分析

偶尔 在群里看见 一段代码的问题,自己敲了下 试了试 总结一下:代码: #include <cstring> #include <iostream> using namespace std; class Parent { public: Parent(){} virtual void output(); }; void Parent::output() { cout << " Parent " << endl; } class son:p

Postgresql中存储过程(函数)调用存储过程(函数)时应用注意的问题

在postgresql中我们在执行存储过程中往往会使用select 存储过程,但是如果存储过程中再调用 存储过程时,就不能这样用了,应该用perform 存储过程,来看看官方文档的说明 ===================================================================== 执行一个没有结果的表达式或者命令 有时候我们希望计算一个表达式或者一个命令,但是却丢弃其结果(通常因为我们经常调用一些存在有用的副作用但是不存在有用结果值的函数). 要在 P

c++ 调用模板函数时加template什么意思?

看到这么一句stack_.template Top<ValueType>()->SetObjectRaw(members, (SizeType)memberCount, GetAllocator()); 后面的不用管,只看 stack_.template Top<ValueType>();为什么调用时还加template,不直接 stack_.Top<ValueType>() ; Stack类定义template <typename Allocator>

在java层调用C++函数时,挂掉了!!!!!!!!!!!!

今天在项目在测试的时候,支付完成,java层调用C++的购买成功回调函数,在函数里把数据存到文件里的时候就挂了,回调函数如下:void CoinDialog::addCoin(int coinNum){ CCLOG("CoinDialog::addCoin()"); GameScene::prop_coin_nub += coinNum;                   CCUserDefault::sharedUserDefault()->setIntegerForKey

Rstudio调用plot()函数时,出现错误的处理方法

按照书上的例子敲出代码后,发现Rstudio无法识别C盘user文件夹下的中文用户名.如下图所示: 按照网上的做法,尝试修改计算机user下的用户名,没修改成功. 另一种做法是在plot()函数前面加上一句dev.new(),便可绘制成功,如下图所示: 资料出处: 修改用户文件夹方法:https://blog.csdn.net/qq_42128122/article/details/84922540 添加dev.new()方法:https://blog.csdn.net/c17315377559

调用js函数时,参数带单、双引号怎么解决?

单引号    ' ----------> ' 例子: 这是一个 html 节点属性值中使用到  ' 仍然是用来表示 ' 实体 onchange="javascript:setTimeout('abc(\'a\',\'\')', 0)" 等价于 onchange="javascript:setTimeout('abc(\'a\',\'\')', 0)" 除html/xml中表示单引号外, 在某些情况为了防止数据库注入等安全问题. 双引号    " --