uniapp使用全局颜色

定义全局颜色

在uni.scss中写入全局颜色变量
其中$color:#2f90b6是作者定义的主题色

/* 颜色变量 */
//配置了主题色
$color: #2F90b9;
/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

使用主题色

使用方法如下，需要带上$符号；

<template>
	<div class="goods">
		<p>123</p>
	</div>
</template>

<script>
</script>

<style lang="scss">
	.goods{
     
		color: $color;
	}
</style>

注意此处的style必须要有lang=“scss”，如果没有scss请进行npm安装；

cnpm install sass-loader node-sass

推荐一个主题色网站

http://zhongguose.com/#
内容都是中国风，不会配色请看这里