微信小程序-页面分享 onShareAppMessage
2018-02-28 08:14
1221 查看
效果
js
let app = getApp(); Page({ data: { img: "/images/1.jpg" }, onLoad() { }, showShareMenu() { wx.showShareMenu(); console.log("显示了当前页面的转发按钮"); }, hideShareMenu() { wx.hideShareMenu(); console.log("隐藏了当前页面的转发按钮"); }, onShareAppMessage: (res) => { if (res.from === 'button') { console.log("来自页面内转发按钮"); console.log(res.target); } else { console.log("来自右上角转发菜单") } return { title: '妹子图片', path: '/pages/share/share?id=123', imageUrl: "/images/1.jpg", success: (res) => { console.log("转发成功", res); }, fail: (res) => { console.log("转发失败", res); } } } })
html
<view class="view"> <image class="cover-9" src="{{img}}" bindtap="img"></image> <view class="window-1"> <button type="default" id="open" bindtap="showShareMenu">开启分享</button> <button type="warn" id="close" bindtap="hideShareMenu">关闭分享</button> </view> <button type="primary" open-type="share" data-name="pageShare" id="share">点击分享</button> </view>
css
page{ height: 100%; } .view{ width: 100%; height: 100%; } .window-1{ display: flex; flex-direction: row; margin: 20rpx 0; } .cover-9{ width: 688rpx; height: 75%; margin: 0 30rpx; border:2rpx solid; border-radius:5px; } button{ margin: 0 10rpx; width: 100%; } #share{ width: 730rpx; }
意外金喜的博客:http://blog.csdn.net/zzwwjjdj1
更多小程序文章:http://blog.csdn.net/zzwwjjdj1/article/details/79351547
相关文章推荐
- 微信小程序开发之页面分享 onShareAppMessage
- 微信小程序开发之页面分享 onShareAppMessage
- 微信小程序下拉刷新onPullDownRefresh和小程序分享转发onShareAppMessage
- 009 - 微信小程序开发之页面分享 onShareAppMessage 分享参数用处
- 微信小程序--onShareAppMessage分享参数用处(页面分享)
- 微信小程序之页面分享onShareAppMessage(option)
- 微信小程序开发之页面分享 onShareAppMessage 分享参数用处
- 微信小程序之分享页面如何返回首页
- 微信小程序——wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)(2017/12)
- 微信小程序改变app.js中页面位置 bindtap执行两次
- 微信JSSDK分享接口,wechat,share ,onMenuShareAppMessage wx.onMenuShareTimeline
- 微信小程序分享页面
- MessageDisplayKit 一个类似微信App的IM应用,拥有发送文字、图片、语音、视频、地理位置消息,管理本地通信录、分享朋友圈、漂流交友、摇一摇和更多有趣的功能。
- 微信小程序按钮去除边框线分享页面功能
- 接入了微信分享,在分享页面点击返回应用,无法返回到自己的app
- 微信“分享到朋友圈”接口— wx.onMenuShareTimeline() 和 onMenuShareAppMessage — 分享给朋友接口
- 微信小程序:wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)
- 微信或QQ分享跳转到APP指定页面
- APP内嵌h5页面如何分享到微信?
- H5+.Net Webapi集成微信分享前后端代码 微信JS-SDK wx.onMenuShareTimeline wx.onMenuShareAppMessage