小程序如何写收藏、分享、客服功能
收藏步骤
首先需要两个不同颜色的收藏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 回调中获得具体信息