p为我们创建了一个全局的uni.scss文件里边定义了一些颜色字体大小的变量我们可以在项目中直接引用

行为相关颜色

$uni-text-color-inverse:#fff;//反色

$uni-text-color-grey:#999;//辅助灰色如加载更多的提示信息

#808080;

$uni-text-color-disable:#c0c0c0;

使用时只需直接使用名称即可如$uni-color-primary。

我们也可以定义一些样式然后在uni.scss中引入注意引入需要这样写才生效

import

前面的/不可少要以英文分号结尾。

如果页面中引入了自定义的样式uni.scss也正确引入了需要把HBuilder

color:

则不能直接使用$brand-***me-color来引用需要在style中定义样式才能使用颜色变量

如果像上面替换了不起作用有可能是行内样式被覆盖了(调试时会发现样式代码被横线划掉)可以使用!import来提高权重让设置生效

!important;

但该种方式在H5页面可以生效在微信小程序却不生效需要使用deep深度穿透来让设置生效

:deep(){.uni-icons{color:$brand-***me-color

!important;}

是一个样式穿透选择器允许绕过样式隔离强制影响子组件内部的样式。