zoukankan      html  css  js  c++  java
  • 小程序分享

    <open-data type='' class='avatar'></open-data>
    
    .avatar{
      200rpx;
      height:200rpx;
      border-radius:50%;
    }
    
    .avatar{
      200rpx;
      height:200rpx;
      border-radius:50%;
      overflow:hidden;  // 新增加的属性
    }
    

    canvas绘图

    wx.showShareMenu({
        withShareTicket:ture
    })
    

    onShareAppMessage()方法
    1、在页面中调用wx.hideShareMenu()
    2、删掉onShareAppMessage()回调方法

    onShareAppMessage()回调方法
    调用wx.showShareMenu()方法

    onShareAppMessage:function(e){
        if(e.from == 'menu'){
            // 此处是用户点击了小程序右上角的转发按钮触发的
        }else if(e.from == 'button'){
            // 此处是用户点击了页面的转发按钮
        }
    })
    
    onShareAppMessage:function(e){
        if(e.from == 'menu'){
            // 此处是用户点击了小程序右上角的转发按钮触发的
        }else if(e.from == 'button'){
            // 此处是用户点击了页面的转发按钮
        }
        
        // 此部分是新增的代码
        return {
            title:'大',
            path:'/pages/index/index?userid=103',  // 
            imageUrl:'https://your/imgurl'   //
        }
    })
    
    onShareAppMessage:function(e){
        if(e.from == 'menu'){
            // 此处是用户点击了小程序右上角的转发按钮触发的
        }else if(e.from == 'button'){
            // 此处是用户点击了页面的转发按钮
        }
        
        
        // 假设shareInfo 有 title  path  imgurl等
        let shareInfo = getApp().globalData.shareInfo
        let sharePath = shareInfo.path + "?userid=" + userid
    
        return {
            title:shareInfo.title,
            path:sharePath,  
            imageUrl:shareInfo.imgurl 
        }
    })
    

    设置wx.showShareMenu({withShreTicket:true})获取到这个shareTicket

     // app.js中
    onLaunch:function(options){
        if(options.scene === 1044){
            let myShareTicket = options.shareTicket
            wx.getShareInfo({
                shareTicket:myShareTicket,
                success:function(res){
                    // 如果调用成功,则会返回有
                    // encryptedData和iv
                }
            })
        }
     }
    

    请点赞!因为你的鼓励是我写作的最大动力!

    官方微信公众号

    吹逼交流群:711613774

    吹逼交流群

  • 相关阅读:
    Iscroll滑动无效
    原生js 无缝滚动组件
    原生 js dialog弹窗组件
    html5 历史管理
    html5拖拽属性
    highcharts 数据图设置X轴间隔显示效果
    highcharts柱状图含有正负柱设置不同颜色的方法
    移动端滑动插件 swiper
    千分位添加和去掉方法
    dubbo常用类和路径
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11140205.html
Copyright © 2011-2022 走看看