在使用uniapp框架开发微信小程序时候,使用uview 的组件,需要自定义一些共同组件,需要修改到导入的uview组件,在样式里面直接用/deep/不生效。
微信中的组件存在组件样式隔离,即自定义组件的样式只受到自定义组件 wxss 的影响。
此时如果想在其它页面影响到该组件的样式,需要在施加影响的组件中加入选项:
<script>
export default {
options: {
styleIsolation: 'shared'
},
data() {
return {}
}
}
</script>
<style lang="scss" scoped>
/deep/ .u-text {
width: 138rpx;
text-align: center;
color: #000;
}
</style>