首页 > 编程 > JavaScript > 正文

微信小程序实现页面分享onShareAppMessage

2019-11-19 11:03:03
字体:
来源:转载
供稿:网友

效果


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;}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表