微信小程序子组件样式不生效

在微信小程序中做了一个组件，但是应用到页面中时发现组件中的其中一个样式不生效了，尝试 !important 也不生效。在微信官方文档中看到是组件样式隔离的问题。

解决办法如下：

在子组件的 js 中添加如下配置：

Component({
  options: {
    styleIsolation: 'shared',
  },
  ......

以下内容来自微信官方文档：组件样式隔离

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

• isolated 表示启用样式隔离，在自定义组件内外，使用 class 指定的样式将不会相互影响（一般情况下的默认值）；

• apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面；

• shared 表示页面 wxss 样式将影响到自定义组件，自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。（这个选项在插件中不可用。）