文档:
    组件模板和样式 | 微信开放文档

    在自定义小程序wxml结构中,可以提供一个<slot>节点(插槽),用于承载组件使用者提供的wxml结构。
    image.png

    1. <view class="wrapper">
    2. <view>这里是组件的内部节点</view>
    3. <slot></slot>
    4. </view>
    1. <view>
    2. <component-tag-name>
    3. <!-- 这部分内容将被放置在组件 <slot> 的位置上 -->
    4. <view>这里是插入到组件 slot 中的内容</view>
    5. </component-tag-name>
    6. </view>

    渲染的结果就是:

    1. <view class="wrapper">
    2. <view>这里是组件的内部节点</view>
    3. <view>这里是插入到组件 slot 中的内容</view>
    4. </view>

    如果你想启用多个slot插槽需要进行multipleSlots的配置:

    1. Component({
    2. options: {
    3. multipleSlots: true // 在组件定义时的选项中启用多 slot 支持
    4. },
    5. })
    1. <!-- 组件模板 -->
    2. <view class="wrapper">
    3. <slot name="before"></slot>
    4. <view>这里是组件的内部细节</view>
    5. <slot name="after"></slot>
    6. </view>
    1. <!-- 引用组件的页面模板 -->
    2. <view>
    3. <component-tag-name>
    4. <!-- 这部分内容将被放置在组件 <slot name="before"> 的位置上 -->
    5. <view slot="before">这里是插入到组件slot name="before"中的内容</view>
    6. <!-- 这部分内容将被放置在组件 <slot name="after"> 的位置上 -->
    7. <view slot="after">这里是插入到组件slot name="after"中的内容</view>
    8. </component-tag-name>
    9. </view>