微信开发之小程序分享设置图片标题
  ttOzQgS7km1w 2023年12月12日 16 0


 在js文件中写入一下代码

/**
   * 设置分享的名称和logo
   */
  onShareAppMessage() {
    return {
      title: 'WebJob',
      imageUrl: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big84000.jpg',
      path: '/pages/index/index'
    }
  },

页面中有可以触发转发事件的地方有两个:

  一个是右上角菜单中的转发按钮

  另一个是页面中具有属性open-type且其值为share的button。(注:必须是button组件,其他组件中设置 open-type="share" 无效)

  即:<button data-name="shareBtn" open-type="share">转发</button>

  注意:实际开发中会发现这个 button 自带有样式,当背景颜色设置为白色的时候还有一个黑色的边框,刚开始那个边框怎么都去不掉,后来给button加了一个样式属性 plain="true" 以后,再在样式文件中控制样式 button[plain]{ border:0 } ,就可以比较随便的自定义样式了,比如说将分享按钮做成一个图标等

公众号【码兄】

微信开发之小程序分享设置图片标题_小程序分享设置图片标题

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月12日 0

暂无评论

ttOzQgS7km1w