小程序如何写收藏、分享、客服功能

小程序如何写收藏、分享、客服功能

收藏：

首先需要两个不同颜色相同图案的收藏icon-font图标，来显示是否加入收藏，然后声明一个变量来判断状态true或者false
然后再给收藏设置一个点击事件，获取本地存储中的商品的数组

shouc(){
    let iscollect=false
    //获取本地存储中的商品收藏数组
    let shopca=wx.getStorageSync('shopca')||[]
    //用findIndex方法来判断是否有被收藏过
    let index=shopca.findIndex(v=>v.goods_id==this.data.shoucang.goods_id)
    //当index===-1的时候表示没有被收藏过，就push进数组中
    if(index===-1){
      shopca.push(this.data.shoucang)
      iscollect=true
      //弹出显示框
      wx.showToast({
        title: '收藏成功',
        icon:'success',
        mask:true
      })
      //否则就表示收藏过了，在数组中删除改商品
    }else{
      shopca.splice(index,1)
      iscollect=false
      wx.showToast({
        title: '取消成功',
        icon:'success',
        mask:true
      })
    }
    //把数组放到本地存储中
    wx.setStorageSync('shopca', shopca)
    //修改data的属性  iscollect
    this.setData({
      iscollect
    })
  },

分享：

小程序的button按钮有open-type属性，里面有一个share值，触发用户转发

点击button按钮触发事件

客服功能

小程序的button按钮有open-type属性，里面有一个contact值，打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息