EP11 全局颜色变量deep()修改子组件属性

文件路径: E:/homework/uniappv3tswallpaper/common/style/base-style.scss

$brand-theme-color:#28b389; // 品牌主题红色

$border-color:#e0e0e0; // 边框颜色
$border-color-light:#efefef; // 边框亮色

$text-font-color-1:#000; // 文字主色
$text-font-color-2:#676767; // 副标题颜色
$text-font-color-3:#a7a7a7; // 浅色
$text-font-color-4:#e4e4e4; // 更浅

文件路径: E:/homework/uniappv3tswallpaper/uni.scss

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

注意:
在每一个需要修改颜色属性的位置修改属性。

深层组件中修改不了,可能是有冲突被覆盖了,使用 deep()!important 可以完成修改。

:deep() {
					.uni-icons {
						color: $brand-theme-color !important;
					}
				}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值