请问微信小程序有办法像 h5 一样批量修改所有同名 class 的样式吗？

Question

比如 h5 我可以给根节点加一个样式，然后页面里对应的同名样式就都会生效

// js
document.body.classList?.add('opening');

// css
.explain-video--opening {
  .popup {
    z-index: 10008 !important;
  }
}

请问小程序除了在每个组件加传参，还有什么办法可以批量修改吗？

Answer 1

小程序没有所谓的document.body，所以这样是不行的，不过你可以在做一个公共的组件来包裹你的页面，这样可以充当根节点的作用，大概是这样的结构

page.wxml

<view>
  <slot></slot>
</view>

其他页面

<page>
  <text>11</text>
  <text>22</text>
</page>