微信小程序deep穿透样式不生效

1. 判断是否为自定义组件

是自定义组件的话，直接加deep穿透样式是不生效的，需要在当前组件内添加以下代码：

 1 // 自定义组件
 2 export default {
 3     name:"components1",
 4     // 复制下面这行 options 代码
 5     options: { styleIsolation: 'shared' },
 6     props: {
 7         // ... 其他属性
 8     },
 9     data() {
10         return {
11             // ... 其他数据
12         }    
13     }
14 }

详见官网  => 自定义组件 / 组件模板和样式 (qq.com)

自定义组件 JSON 中的 styleIsolation 选项从基础库版本 2.10.1 开始支持。它支持以下取值：

• isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（一般情况下的默认值）；
• apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面；
• shared 表示页面 wxss 样式将影响到自定义组件，自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。（这个选项在插件中不可用）