创建并引用组件
创建自定义组件
引用自定义组件
全局引用 在app.json里面
局部组件 在需要引用的json文件
添加下面代码
"usingComponents": {
"all-test":"/components/test/test"
},
使用:
<all-test></all-test>
如何修改组件的样式隔离选项
组件样式隔离
默认情况下,自定义组件的样式只受到自定义组件 wxss 的影响。除非以下两种情况:
app.wxss 或页面的 wxss 中使用了标签名选择器(或一些其他特殊选择器)来直接指定样式,这些选择器会影响到页面和全部组件。通常情况下这是不推荐的做法。
指定特殊的样式隔离选项 styleIsolation 。
Component({
options: {
styleIsolation: 'isolated'
}
})