더 적은 수의 함수를 중첩 호출할 때 발생하는 문제 공유

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의 값은 [리플, .5s, 선형]
"@{입니다. value}"는 js 구문 분석 오류를 방지하기 위해 "[ripple, .5s, 선형]" 문자열이 됩니다.
~컴파일을 피하세요. 추가하지 않으면 출력은 "리플"이 됩니다.
팁:

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

One less}, less는 오류를 보고하지 않지만 하나의 매개변수로 .animation을 호출합니다! 나는 이것이 버그라고 생각한다.

위 내용은 더 적은 수의 함수를 중첩 호출할 때 발생하는 문제 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!