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

 在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 } ，就可以比较随便的自定义样式了，比如说将分享按钮做成一个图标等

送上一波福利

微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取