[TOC]  * 分享是一张图片 用slot插槽插入图片 组件可复用 ## 分享 ``` <v-share openType="share"> //openType="share" 调出分享页 <image src="/images/share.png" class="share" slot="image" /> </v-share> ``` ## 引用的组件 ``` <button plain="{{true}}" open-type="{{openType}}" bindgetuserinfo="onGetUserInfo"> <!-- plain="{{true}}" 设置成透明--> <slot name="image"></slot> </button> ``` ## 组件js ``` Component({ /** * 组件的属性列表 */ properties: { openType:String }, options:{ multipleSlots: true // 在组件定义时的选项中启用多slot支持 }, /** * 组件的方法列表 */ methods: { onGetUserInfo(event){ const userInfo = event.detail.userInfo; this.triggerEvent('onGet',{ userInfo }) } } }) ```