uni-app修改内置组件默认样式

记录一下【uni-app修改内置组件默认样式方法——没有安装sass/less】
1）在App.vue里面修改——修改的是全局的；

<style>
	.uni-picker-container .uni-picker-action.uni-picker-action-confirm {
		color: #F091A7 !important;
	}
</style>

2）在onReady()里面用原生js修改——这个可以局部修改：

 onReady() {
		document.querySelector('.uni-picker-action-confirm').style.color = '#F5A200';
},

目前发现这两个笨方法，希望后面发现更好的方式。

补充：CSS 元素变量也可以

:root {
	--activeColor: #15B8C3;
}

.selected-list .selected-item-active {
	border-bottom: 2px solid var(--activeColor);
}
.list .item .check {
	border: 2px solid var(--activeColor);
	border-left: 0;
	border-top: 0;
}

还可以通过js动态设置css的值

document.body.style.setProperty("--activeColor", this.colorBg);