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

---

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

提示：以下是本篇文章正文内容，

一、收藏功能

1.收藏功能的是实现是在商品的详情页面给收藏盒子绑定点击事件
bindtap=“handleCollect”

<view class="shops_right" bindtap="handleCollect"  data-item="{{data}}">
    <text class="iconfont {{isCollect?'icon-shoucang1':'icon-shoucang'}} icon"></text>
    <text class="icon_bottom" >收藏</text>
  </view>

2.在点击商品列表页某个商品进入商品详情页时
将点击商品的所有信息整个保存到本地存储中

 wx.setStorageSync('collect', collect)

3.在详情页面点击事件中对保存下来的数据进行判断
在这里进行根据下标来进行判断保存在本地存储的每一项
如果返回的值是-1 则说明添加成功 反之删除

  handleCollect(e) {
    console.log(e);
    let item = e.currentTarget.dataset.item
    let collect = wx.getStorageSync('collect') || []
    if (collect.length == 0) {
      collect.push(item)
      wx.showToast({
        title: '收藏成功',
      })
      this.setData({
        isCollect: true
      })
      console.log(collect);
      wx.setStorageSync('collect', collect)
    } else {
      let index = collect.findIndex(v => v.goods_id == item.goods_id)
      if (index == -1) {
        collect.push(item)
        wx.showToast({
          title: '收藏成功',
        })
        wx.setStorageSync('collect', collect)
        this.setData({
          isCollect: true
        })
      } else {
        collect.splice(index,1)
        wx.setStorageSync('collect', collect)
        wx.showToast({
          title: '已取消收藏',
        })
        this.setData({
          isCollect: false
        })
        return false;
      }
    }





  },

二、分享功能

1.给分享的按钮设置一个open-type=“share”

 <button class="share_btn" open-type="share" size="mini"> </button>

三、客服功能功能

1.给客服的按钮设置一个open-type=“share”

 <button class="kefu_btn" open-type="contact" size="mini"> </button>