自定义样式供全局使用，可随意更改项目颜色

运用场景

可以全局更改项目的主题颜色

百度找的图，侵权联系删除！

1.新建全局样式文件

注
注意
注意！！！

如下图，我喜欢把全局主色调放在basic.less里面，你也可以直接放在global.less里面

2.写样式

可以直接在global里面写，也可以像我一样写在basic ！！！

在global文件里面引入basic.less

./basic.less写样式！

//方法一
.blue-theme{
  color: #409EFF;
}


//方法二
@blue-theme-color: #409EFF;

3.使用

<!--方法一的使用-->
<!--直接写在class里面，便可以有效果-->
 <span class="blue-theme">海鸥两三</span>

<!--方法二的使用-->
<!--自定义一个class类名，在平常写样式那样写就行-->
 <span class="my-style">海鸥两三</span>


<style scoped lang="less">  //一定要写lang="less"
	.my-style{
	    color:@blue-theme-color;
	}
</style>

4.改错

1.方法二运行不出来，先找下style有没有写lang=“less”