🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# **less运算** **** 作用: > less可以进行属性值的运算,例如宽高 文字大小 颜色等等数值和颜色之间的运算。 > 用法: > 在属性值后面接运算符。举例.p1{width:600px-20; background:#f60*2;}* > 加+ 减+-或- 乘\* 除/ > 注意:**运算符与值之间必须以空格分开 ; 在运算的时候,只要有一个有单位就行** > ``` > @width:300px; > @height:100px; > @color1:red; > @color2:green; > div{ > //width: @width - 100;//可以 > //width: @width - 200px ;//可以 > //width: @width * 2;//可以 > //width: @width * 3px;//可以 > width: 500 - @width; //可以 > height: @height; > background-color: red; > //background-color: @color1 + @color2; // 可以 > //background-color: @color1 + 15; // 可以 > //background-color: @color1 + yellow; // 不可以 > } > ```