【微信小程序--自定义组件和样式隔离】

创建并引用组件

创建自定义组件

引用自定义组件
全局引用 在app.json里面
局部组件 在需要引用的json文件
添加下面代码

  "usingComponents": {
    "all-test":"/components/test/test"
  },

使用：

<all-test></all-test>

如何修改组件的样式隔离选项

组件样式隔离
默认情况下，自定义组件的样式只受到自定义组件 wxss 的影响。除非以下两种情况：

app.wxss 或页面的 wxss 中使用了标签名选择器（或一些其他特殊选择器）来直接指定样式，这些选择器会影响到页面和全部组件。通常情况下这是不推荐的做法。
指定特殊的样式隔离选项 styleIsolation 。

Component({
  options: {
    styleIsolation: 'isolated'
  }
})

官方样式隔离详解地址