# 全局方法
# 简介
全局方法可以在任意地方引用,让开发者获取相应结果数据而不必在意实现细节。
目前比较好用的全局方法为 fz($px) 方法,这个方法返回字体大小,开发者只需要传入设计稿中像素单位,函数会结合业务自动计算出具体结果。
例如:若要实现全局字体放大1.5倍,只需要在 fz()函数中实现 px => rem转换,然后通过js改变根元素字体大小即可实现文字放大功能。
# fz函数
实现文字大小转换
@function fz($px) {
@return $px; //此处逻辑可自定义
}
1
2
3
2
3
# size函数
实现任意与大小有关单位转换
@function size($size) {
@return $size;
}
1
2
3
2
3