7.13.定义scss颜色变量deep()修改子组件css样式

我们在定义文字颜色和图标颜色多次使用到了color，每次都要使用颜色值，过程繁杂，如果项目需要更换风格，换起来就会非常麻烦，这时候使用的uni.scss定义的样式就是非常方便，我们只需要传值即可，也可以自定义的自己的颜色。

下面讲解其使用和注意事项。

1.创建bast-style.scss文件

2.导入到uni.scss文件中

@import  "@/commom/style/base-style.scss";

注意事项:

1.每一行代码结束带上分号，必须带上分号。

2.编辑了uni.scss文件，需要重新启动运行，这样才会生效。

3.对文本颜色

调用base-style.scss文件参数

color: $brand-theme-color;

4.对图标的颜色

我们不能使用:color，所以写在每一页的sytle中

				:deep() {
					.uni-icons {
						color: $brand-theme-color !important;
					}
				}

说明：

        1.!important表示最高优先级

        2.使用:deep()是为了样式在微信小程序和h5中都生效。

5演示