您现在的位置是:首页 > uni-app下uview-plus微信小程序,组件样式无法穿透修改的解决办法

uni-app下uview-plus微信小程序,组件样式无法穿透修改的解决办法

默认 2024-05-10 11:02 2165人围观 来源:原创
简介微信小程序自定义组件是没有组件穿透的,不过它提供了一种配置来解决样式穿透问题,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

文章评论