在uniapp内使用样式穿透uView时失效
测试可以发现,如果单独将代码放到一个页面进行,修改 uView 组件样式是没有问题的,如果此时将整体代码封装成组件,进行父组件引用的时候,会发现穿透的样式是没有生效的。
我的就是在组件内去修改失效了
查看微信文档关于样式隔离的介绍:微信文档
解决方案: 在子组件中解除样式隔离
options: {
styleIsolation: 'shared', // 解除样式隔离
}
解除样式隔离后,通过uni-app编译打包后的代码,最终将不会影响微信小程序的实际效果。此处的坑主要是子组件中引用第三方组件,并在子组件中修改第三方组件后,在父组件中引用子组件的第三方组件样式穿透并无生效。