wx小程序 解决子组件样式不起效

在写小程序的时候，往往要用到子组件，然而，父页面引用子组件之后，样式并没有起效，可以用以下方法解决：

方法一：首先在app.wxss即全局样式文件中引入子组件的样式文件，如：@import "components/test/test.wxss"; 然后在此子组件的js文件中添加如下代码

Component({
  options: {
    addGlobalClass: true,
  },
}

方法二：只需要在子组件的js文件中添加如下代码

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

补充一点点关于styleIsolation的知识：
styleIsolation有三个可选值：

1. isolated：默认值，组件内外样式互不影响互不作用
2. apply-shared：外部(包括父组件和全局)的样式能作用到组件，但组件内的样式不能作用到外部
3. shared：外部和组件样式互相作用