Teilen von Problemen, die bei verschachtelten Aufrufen weniger Funktionen auftreten

base.less in a.less importieren
Code in a.less

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

Code in 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);
}

Der Wert von @value ist [ripple, .5s, linear]
„@{value}“ wird zur Zeichenfolge „[ripple, .5s, linear]“, um js-Analysefehler zu vermeiden.
~Kompilierung vermeiden, sonst wird die Ausgabe „wellig“ sein
Tipps:

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

Eins weniger} ,less meldet eigentlich keinen Fehler, sondern ruft .animation mit einem Parameter auf! Ich denke, das ist ein Fehler.

Das obige ist der detaillierte Inhalt vonTeilen von Problemen, die bei verschachtelten Aufrufen weniger Funktionen auftreten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!