微信小程序多组件之间 css 用 deep 不生效的一些处理办法

共计 317 个字符，预计需要花费 1 分钟才能阅读完成。

直接上代码了，vue3 setup 模式下

需要额外写一个script

<script>
export default {
  options: {
    styleIsolation: 'shared'
  }
}
</script>

styleIsolation 可选项

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