网站首页 >> 牛刀云小程序开发 >> 第1篇制作模式 >> 页面制作 >> 高级组件

2.3.7.13 分享

小程序右上角菜单中的“转发”按钮会将当前页面分享给微信朋友。按钮组件提供的开放能力中也包括分享。牛刀云提供的分享组件可以控制当前页面是否允许分享,还可以设置分享的标题、图片、页面和页面参数。运行效果如图4-7-11所示。在浏览器中不能体验分享组件功能,需使用手机扫描微信开发者工具的预览二维码,在手机中运行时才能体验。

说明: C:\Users\史波\Documents\Tencent Files\465659832\FileRecv\MobileFile\Screenshot_20180515-150019.png 说明: C:\Users\史波\Documents\Tencent Files\465659832\FileRecv\MobileFile\Screenshot_20180515-150034.png   说明: C:\Users\史波\Documents\Tencent Files\465659832\FileRecv\MobileFile\Screenshot_20180515-150658.png

4-7-11  显示/隐藏转发及转发效果

 

1、基础属性

分享组件提供4个基础属性:

l  分享标题:设置分享消息卡片中的标题

l  分享图片:设置分享消息卡片中的图片。默认会取当前页面,从顶部开始,高度为80%屏幕宽度的图像作为分享消息卡片中的图片

l  分享页面:选择分享消息卡片打开的小程序页面

l  分享页面参数:设置分享消息卡片打开的小程序页面的页面参数的值

2、事件

分享组件提供2个事件:

l  分享成功事件:分享成功后触发

l  分享失败事件:分享失败后触发

3、操作

分享组件提供了2个操作:

l  显示分享菜单:在小程序右上角菜单中显示“转发”按钮

l  隐藏分享菜单:隐藏小程序右上角菜单中的“转发”按钮

4、示例

在商品详情页中添加分享功能的步骤如下:

l  添加分享组件

l  设置分享组件的分享标题属性为:商品.名称

这样设置后,用户可以通过小程序右上角菜单中的“转发”按钮实现分享,也可以在页面上添加按钮组件,设置开放能力属性为分享,实现更便捷的分享。