2.3.7.13 分享
小程序右上角菜单中的“转发”按钮会将当前页面分享给微信朋友。按钮组件提供的开放能力中也包括分享。牛刀云提供的分享组件可以控制当前页面是否允许分享,还可以设置分享的标题、图片、页面和页面参数。运行效果如图4-7-11所示。在浏览器中不能体验分享组件功能,需使用手机扫描微信开发者工具的预览二维码,在手机中运行时才能体验。
图4-7-11 显示/隐藏转发及转发效果
1、基础属性
分享组件提供4个基础属性:
l 分享标题:设置分享消息卡片中的标题
l 分享图片:设置分享消息卡片中的图片。默认会取当前页面,从顶部开始,高度为80%屏幕宽度的图像作为分享消息卡片中的图片
l 分享页面:选择分享消息卡片打开的小程序页面
l 分享页面参数:设置分享消息卡片打开的小程序页面的页面参数的值
2、事件
分享组件提供2个事件:
l 分享成功事件:分享成功后触发
l 分享失败事件:分享失败后触发
3、操作
分享组件提供了2个操作:
l 显示分享菜单:在小程序右上角菜单中显示“转发”按钮
l 隐藏分享菜单:隐藏小程序右上角菜单中的“转发”按钮
4、示例
在商品详情页中添加分享功能的步骤如下:
l 添加分享组件
l 设置分享组件的分享标题属性为:商品.名称
这样设置后,用户可以通过小程序右上角菜单中的“转发”按钮实现分享,也可以在页面上添加按钮组件,设置开放能力属性为分享,实现更便捷的分享。