首页
未解之谜
天体物理
科技前沿
下载中心
游戏天地
[FW:AdTitle]
首页 >> 科技前沿 >> 正文

微信小程序-页面分享 onShareAppMessage2020-1-3|阅读:563 次|出处:意外金喜|编辑:管理员

  • 效果

    js

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

免责声明:本文所提供的信息(包括图片、文字、视频等)内容均来源于网络,只供参考之用,不代表本站观点。如有侵权、违规,请联系我们删除。
上一条:小程序图片高度自适应下一条:ASP.NET MVC 添加Model并连接到本地数据库
今日推荐
一周阅读排行
Copyright © 2017-2020 怪里咕咚 All Rights Reserved
滇ICP备17000807号-2
访问量: