Applet setting button sharing function

General applet sharing can be done through the sharing function in the upper right corner , If you want to set the button in the page . It can be set like this ：

design sketch ：

 

WXML in ：

Definition button Button to trigger the sharing event , stay button The label says open-type='share’ attribute

<button open-type='share'> Share with friends </button>

WXCSS in ：

Need to get rid of it. button Some styles of

 button::after {
          border: none;
      }

button {
         background-color: #fff;
     }

JS in ：

onShareAppMessage() {
   return {
         title: ' The sharing title displayed when sharing pops up '
         path: '/page/user?id=123' //  route , Pass parameters to the specified page .
　　　　  imgUrl: '',     // Custom image path , It can be a local file path 、 Code package file path or network image path , the  
                           a PNG And JPG, Don't pass in  imageUrl  Use the default screenshot . The aspect ratio of the display image is  5:4

    }

},

Share with friends

example ：

    // Users click on the upper right corner to share an example of a circle of friends 
  //  onShareTimeline: function () {
  //    return {
  //  title: '',
  // query: {
  // key: value
  //  },
  //   imageUrl: ''
  //  }
  //  },

Page({
   // Custom function 
    //  Users click on the upper right corner to share with friends , First set it up in the sharing friends menus Two parameters of , To share a circle of friends 
    onShareAppMessage: function() {
        wx.showShareMenu({
        withShareTicket: true,
        menus: ['shareAppMessage', 'shareTimeline']
     })
    },
  //  Share with friends 
  onShareTimeline () {
    return {
      title: this.current_viewing.name,
      query: '/pages/home/view/artdetail?storeId=' + this.storeId + '&id=' + 
    this.current_viewing.id + '&customerId=' + this.customerId + '&genre=' + 
    this.current_viewing.genre,
 
    }
  }


    // Life cycle function -- Monitor page loading 
 onLoad: function(options) {
 },
})