您现在的位置是:首页 > uni-app下uview-plus微信小程序,组件样式无法穿透修改的解决办法
uni-app下uview-plus微信小程序,组件样式无法穿透修改的解决办法
简介微信小程序自定义组件是没有组件穿透的,不过它提供了一种配置来解决样式穿透问题,styleIsolation配置。
1.首先设置以下选项.该选项的作用是让微信小程序允许样式穿透.
options: { styleIsolation: 'shared' }
示例:
2.然后再使用vue的样式穿透写法.
一定要注意微信环境下限制极多,::v-deep前必须还有一层父class。
.test ::v-deep .类样式{}
或者
.test /deep/ .类样式{}
我的博客即将同步至腾讯云开发者社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=3cn0udci9ym88