小程序自定义组建

在引用   内传递的内部文本，会放在，模版定义下

也就是sole是my-component使用传递过来的内容

组件wxml的slot

在组件的wxml中可以包含 slot 节点，用于承载组件使用者提供的wxml结构。

默认情况下，一个组件的wxml中只能有一个slot。需要使用多slot时，可以在组件js中声明启用。

Component({options: {multipleSlots:true// 在组件定义时的选项中启用多slot支持},properties: {/* ... */},methods: {/* ... */}})

此时，可以在这个组件的wxml中使用多个slot，以不同的 name 来区分。

比如   对应

这里是组件的内部细节

使用时，用 slot 属性来将节点插入到不同的slot上。

这里是插入到组件slot name="before"中的内容这里是插入到组件slot name="after"中的内容

组件和引用组件的页面不能使用id选择器（#a）、属性选择器（[a]）和标签名选择器，请改用class选择器。

组件和引用组件的页面中使用后代选择器（.a .b）在一些极端情况下会有非预期的表现，如遇，请避免使用。

子元素选择器（.a>.b）只能用于 view 组件与其子节点之间，用于其他组件可能导致非预期的情况。

继承样式，如 font 、 color ，会从组件外继承到组件内。

除继承样式外， app.wxss 中的样式、组件所在页面的的样式对自定义组件无效。

/* 组件 custom-component.wxss */:host{color: yellow;}

这段文本是黄色的