0.1.2 • Published 5 years ago
ccgnontt v0.1.2
分享有礼
开发者接入
打开命令行工具,开发者使用npm包管理器获取组件代码包:
# 进入小程序源代码跟目录,例如 /root/swan
cd /root/swan
# npm 安装分享有礼组件
npm install swan-activity
在页面中引用分享有礼组件:
<!-- pages/index/index.swan -->
<view class="container">
<!--bind:tap绑定分享方法,方法名是跟页面的配置对应的-->
<view bind:tap="share">分享有礼</view>
<view bind:tap="directShare">分享到朋友圈</view>
</view>
分享参数与小程序分享API相同,链接地址:https://smartprogram.baidu.com/docs/develop/api/open_share/#swan-openShare/
/**
* @file page/index/index.js
* @author swan
*/
const share = require('swan-activity/share');
Page({
data: {},
onLoad() {
// 注册活动,例如活动ID为'1'
share.init('1');
},
share() {
// 触发分享面板
// 关于分享参数可以查看API
share.open({
title: '这份瞎买清单是真的香!',
content: '疯狂爆灯,抢到就值!',
path: '/pages/index/index'
});
},
directShare() {
// 渠道分享,例如不调起分享面板,直接分享到微信朋友圈
share.open({
title: '这份瞎买清单是真的香!',
content: '疯狂爆灯,抢到就值!',
path: '/pages/index/index',
// 分享渠道参数,可从分享API文档中获取详细说明
mediaType: 'weixin_friend'
});
}
});
收藏有礼
开发者接入
开发者使用npm包管理器获取组件代码包:
# 进入小程序源代码跟目录,例如 /root/swan
cd /root/swan
# npm 安装收藏有礼组件
npm install swan-activity
安装成功后,在页面中引用收藏有礼组件
/**
* @file page/index/index.js
* @author swan
*/
const favor = require('swan-activity/favor');
Page({
data: {},
onShow() {
// 页面成功展示后
// 弹出收藏并领取积分弹窗,例如活动ID为'2'
favor.open('2');
}
});
0.1.2
5 years ago