uniapp/vue在页面中强制更改组件样式

Posted 2020-12-18 致爱丽丝

假设在页面中使用了别人家的组件，或者是同事写的组件(总之是不熟悉的组件)，假设要根据需求更改样式，则需要使用/deep/的方式来达成目的。

//.content:别人家的组件里的class
//如果仅仅deep无效，则可能是优先级不够的原因，此时尝试在单个样式后补important的方法达成目的
/deep/ .content {
	height: 100rpx;
	line-height: 100rpx!important;/*这样*/
	font-size: 32rpx!important;  /*这样*/
}

这个就是目前的最优解。

以上。