less函数库

Posted 2020-06-12

1、其他函数

　　color()接受字符串，将字符串转为十六进制值

　　convert（数值，转换的单位）转换两个单位之间的数值，如长度单位，时间单位，角度单位等convert（20cm,px）

　　default();如果没有匹配到对应的条件则走此条件：

　　　　.my(a){

　　　　　　@x:1;
　　　　　　}
　　　　.my(b){
　　　　　　@x:2;
　　　　　　}
　　　　.my(@y)when(default()){
　　　　　　@x:@y;
　　　　　　}
　　　　div{
　　　　　　.my(bb);
　　　　　　color: @x;
　　　　　　}

　　　　如果not（default（））表示至少要满足一条条件才可以走当前规则

　　unit()：移除或转换单位：unit（100px,cm）>100cm,unit(100px)>100

2、字符串函数

　　escape（）对字符串中特殊字符进行转义处理

　　　e（” “）相当于~” 值“避免解析，如：width：calc(960px-100px);希望由浏览器解析时可写为calc（”960px - 100px“）

　　　%()格式化函数%a,%a,%A,%A,%d,%d,%D,%D,%s,%s,%S,%S

　　　　div{
　　　　　　font-family: %("%a %a","microsoft","yahei");》》div {font-family: ""microsoft" "yahei"";}

　　　　}%A %A,%D,%D,%S,%S可以转义字符，%s,%s,%S,%S可以转义除了颜色的其他字符

　　　　replace(‘content‘,‘要进行替换的值‘，替换值) content: replace(‘hello aa‘,‘aa‘,‘bb‘);》》content: ‘hello bb‘;

　　　　length（）返回字符串中的属性值 n:length(1px solid #000)>>>n:3

　　　　extract()提取索引值；@list：”a“,"b","c";

　　　　n:extract(@list,1)　　>>n:a

 

 3、数学函数（可以保留单位）

　　ceil()向上取整

　　　floor()向下取整

　　　percentage()浮点数转换为百分比

　　  round()取整四舍五入

　　　sqrt（9px）平方根

　　　abs()绝对值

　　　sin（1）默认弧度单位；sin(1deg); asin()反正弦函数

　　　cos();余弦函数；acos（）反余弦

　　　tan（）正切函数；反切atan()

　　　pi()返回π值

　　　pow（基数，指数）次方函数

　　　mod(a，b)取余函数mod（3px,2）》》1px

　　　min()最小值；max（）最大值