小程序的實現兩種方案：右上角功能按鈕、button 添加 open-type 為 share。

場景

當業務需要手動顯示一個 action-sheet，並且在這個 action-sheet 裡面點擊就可以分享的時候，你會發現很蛋疼的一個事情，就是無法使用 wx.showShareMenu 來顯示轉發菜單。

然後，action-sheet 裡面的控件又是框架提供的，你沒法直接改，因此，我們只能自定義一個 action-sheet 來實現相關功能了，沒錯，自定義的裡面塞個 open-type='share' 的 button。

Code

wxml 裡面的 action-sheet 關鍵代碼：

你沒看錯，有這麼個組件在這裡，這個 action-sheet 組件在 16 年就打算廢棄，經測試，目前還能用（也就是說，你最好自己定義一個比較保險，這裡只是示例）。

注意 button 的 open-type 為 share。

然後就是簡單的 js 代碼：

data: {
 actionSheetHidden: true,
},
/**
 * 隱藏 action-sheet
 */
hiddenActionSheet() {
 this.clickShare();
},
/**
 * 點擊分享我的名片
 */
clickShare() {
 this.setData({
 actionSheetHidden: !this.data.actionSheetHidden
 });
},

一樣，只放關鍵代碼，至於後面就是配置 onShareAppMessage 的事情了。

希望有遇到同樣坑的小夥伴可以得到幫助。

閱讀更多 前端紳士 的文章

關鍵字: 控件 技術 彈框