小程序父组件样式影响子组件样式

原创于 2020-04-14 00:09:45 发布 · 1.7k 阅读

CC 4.0 BY-SA版权

37 篇文章

订阅专栏

本文介绍如何在小程序中实现父组件样式影响子组件，而子组件样式不反向影响父组件的方法。通过设置组件的styleIsolation属性为isolated或使用addGlobalClass，可以有效避免样式冲突，保持组件间样式的独立性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：父组件样式影响子组件，但子组件样式不影响父组件。

子组件中，定义如下：

Component({
  options: {
    styleIsolation: 'isolated',
    // 或者
    addGlobalClass: true,
  }
})

或者在页面的 json 文件中配置如下信息：

{
  "styleIsolation": "isolated"
}

小程序 父组件样式影响子组件样式