小程序的实现两种方案：右上角功能按钮、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 的事情了。

希望有遇到同样坑的小伙伴可以得到帮助。

閱讀更多 前端紳士 的文章

關鍵字: 控件 技术 弹框