[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 }) } } }) ```