参考:Less编写函数(mixin/@functions)的小技巧分享
1、自定义less全局函数
添加自定义函数在全局main.less里,并在main.js里引用main.less
// main.less
.remMixin() {
@functions: ~`(function() {
var rem = 16;
// px 转 rem
this.px2rem = function(size) {
return (size / rem) + 'rem';
};
})()`;
}
.remMixin();
// main.js
import './assets/less/main.less'
2、使用自定义函数