uni-app关于less的部分使用

要uni-app支持less比Vue要简单些 最好使用最新的Hbuilder。

1、安装支持less插件：工具>>插件安装 >> （若已安装插件中没有less）安装新插件 >>前往插件市场安装>>找到Less并点击 >>使用HBuilderX导入插件 ;

等到HBuilder中显示安装成功。此时已经可以再页面中使用less。

设置全局公共样式：

2、新建uni.less文件：

button{
	color: #007AFF;
}
*{
	box-sizing: border-box;
}
view{
	font-size: 28rpx;
	color: #dfdfdf;
	box-sizing: border-box;
	text{
		color:#007AFF;
	}
}

在App.vue中引入uni.less文件

@import url("./uni.less");

3、引入变量 ：如果在本文件中定义变量直接使用即可。全局变量需要把定义变量的文件引入。

OK，亲测微信小程序可用，H5可用其他未测试。