微信小程序自定义按钮实现分享功能

在js文件里边最下方有一个onShareAppMessage函数,在这个函数里边添加分享的内容和路径,如下:

/**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {
    return {
      title: '在这里输入标题', 
      desc: '在这里输入简介说明',
      path: '../home/home'//这是一个路径
    }
  }

然后在wxml里边定义一个按钮来触发分享事件,如下:

 

自定义的按钮需要在button标签上添加一个open-type='share'属性。

去掉按钮边框方法,如下:

button::after{
  border: none;
}

 

 

你可能感兴趣的:(微信小程序)