uniapp引入自定义less文件

391 阅读1分钟

1、下载less插件

一定要下载less插件哦,要不然uniapp无法将less编译为css,点击使用HBuilderX导入插件就可以了

image.png

2、新建.less文件

注意,不用写style标签

image.png

3、引入.less文件

引入方式可以全局引入也可以局部引入,若想要全局引入可以在App.vue中写上@import url("./index.less");,局部引入同理,切记要加上分号,要不然会报错

image.png