LESS 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

JavaScript 表达式

JavaScript 表达式也可以在.less 文件中使用. 可以通过反引号的方式使用:

 @var: `"hello".toUpperCase() + '!'`;

输出:

 @var: "HELLO!";

注意你也可以同时使用字符串插值和避免编译:

 @str: "hello";
 @var: ~`"@{str}".toUpperCase() + '!'`;

输出:

 @var: HELLO!;

它也可以访问JavaScript环境:

 @height: `document.body.clientHeight`;

如果你想将一个JavaScript字符串解析成16进制的颜色值, 你可以使用 color 函数:

 @color: color(`window.colors.baseColor`);
 @darkcolor: darken(@color, 10%);