微信小程序之收藏功能、分享功能、客服功能

微信小程序收藏功能：
首先在wxml页面布局：

<view class="top">
  <!-- 点击收藏的图片 -->
  <img src="../image/home.png" catchtap="tocar" wx:for="{
     {!car}}">
  <!-- 取消收藏的图片 -->
  <img src="../image/home_active.png" catchtap="tocar" wx:for="{
     {car}}">
</view>

这里我们用wx：if来判断收藏状态。catchtap是点击事件，点击切换收藏的状态。下面是js代码。：

data: {
     
  //是否收藏
  car:false
}
tocar(){
     
  //调用收藏接口中的收藏，赋值给新的变量
  let car = !this.data.car
  this.setData({
     
    car
  })
  //提示用户
  wx.showToast({
     
    title: car ? '收藏成功' : '取消收藏',
    icon: 'success'
  })
}

以上一个收藏功能加提示就做好了。

微信小程序分享功能

 onShareAppMessage: function () {
     
        console.log(app.globalData.openPages)
        console.log("gegeg")
        var that = this;
        that.setData({
     
            actionSheetHidden: !that.data.actionSheetHidden
        })
        return {
     
            title: '分享名字',
            path: '/pages/index/index?=' + 接口地址,
            // imageUrl: that.data.url + that.data.product.image,
            success: function () {
     
                wx.showToast({
     
                    title: '分享成功',
                    icon: 'success',
                    duration: 2000
                })
            },
            fail: function (res) {
     
             console.log("分享失败")
            },
        }
    }

微信小程序客服功能
在微信小程序中，是有一个自带的客服功能的，没有激活的事件，想要打开客服的功能只需要一个按钮
button按钮提供了一个opentype属性，当我们将opentype值赋值为contac的时候就已经实现了一个客服的功能