序言中有动画要求。有几个div需要在不同的时间和不同的范围内移动。CSS3+less是用来实现key使用的~``，js代码可以嵌入``中，获取的内容可以作为关键帧的名字，??或者作为一个makenumbers参与less的其他计算，但是获取的内容在编译前不能作为类名使用。移动(@random){@name:~`'an-div-move-@{random}'`;@keyframes@name{0%{transform:translate(0,0);}50%{transform:translate(0,@random/1000+.3rem);}100%{转换：翻译（0,0）；@s:~`Math.random()`;动画：@namelinear8sinfinite@s*5*1s;}.div-1{.move(`~Math.round(Math.random()*1000)`);}。div-2{.move(~`Math.round(Math.random()*1000)`);}.div-3{.move(~`Math.round(Math.random()*1000)`);}Compiled.div-1{animation:an-div-move--611linear8sinfinite4.82357906s;}@keyframesan-div-move--611{0%{transform:translate(0,0);}50%{转换：翻译（0，-0.311rem）；}100%{转换：翻译（0,0）；}}.div-2{animation:an-div-move-493linear8sinfinite1.7538035s;}@keyframesan-div-move-493{0%{转换：翻译（0,0）；}50%{转换：翻译（0，0.793rem）；}100%{转换：翻译（0,0）；}}.div-3{animation:an-div-move-557linear8sinfinite4.65403445s;}@keyframesan-div-move-557{0%{transform:translate(0,0);}50%{变换：平移（0,0.857rem）；}100%{转换：翻译（0,0）；}}summary不能在vue-cli中使用，直接less编译即可，webpack自己配置的项目中也可以使用，但不知道为什么可以这样写，没有找到官方说明
