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

Posted 2021-07-08 fengshaopu

如果要写客服、分享、收藏的话也是挺简单的：
收藏：首先我们要有两给iconfont
字体图标 没有的话可以去：https://www.iconfont.cn/ 里面找
一、收藏

1.找到之后，我们可以在data里面设置一个初始值，当点击了以后改成true

data(){
 f:false
}

2.然后在页面中布局

 <view class="v">
 //这个就是空的没有收藏的时候显示的
   <view class="iconfont icon-shoucang" id="q" wx:if="{{f==false}}" bindtap="pp">
   </view>
//这个就是实心的点击收藏的时候显示的
 <view class="iconfont icon-shoucang1" id="q" wx:if="{{f==true}} "bindtap="pp" >
  </view>
        收藏
      </view>

三.不管是显示空心还是实心的都要有点击事件，点击以后才能修改初始值，
1.先获取到初始值
2.设置成相反的就行

 var a=this.data.f
 a=!a
 this.setData({
 f:a
 })

四、然后获取本地存储里面的值。获取到以后 用findIndex查找出下标

 var p = wx.getStorageSync('pp') || []  //获取本地存储的值是数组
    console.log(p);
    var index = p.findIndex(v => v.goods_id === this.data.list1.goods_id) //用findIndex方法获取到下标

五、下标有了，如果index是-1的话就是没有就让添加进去，如果没有的话就
删除

 if (index == -1) {
      p.push(this.data.list1)
      wx.showToast({
        title: '收藏成功',
      })
    } else {
      p.splice(index, 1)
      wx.showToast({
        title: '取消收藏',
      })
    }
    wx.setStorageSync('pp', p)

二、分享、客服

分享的话可以在这个地址里面找到button 有属性 直接使用即可 ，
地址：https://developers.weixin.qq.com/miniprogram/dev/component/button.html

分享： button里面有个属性是：open-type 是微信开放功能 share
客服： button里面有个属性是：open-type 是微信开放功能 contact
下面有对应的值:

open-type 的合法值

值	说明	最低版本
contact	打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，具体说明 （小程序插件中不能使用）	1.1.0
share	触发用户转发，使用前建议先阅读使用指引	1.2.0
getPhoneNumber	获取用户手机号，可以从bindgetphonenumber回调中获取到用户信息，具体说明 （小程序插件中不能使用）	1.2.0
getUserInfo	获取用户信息，可以从bindgetuserinfo回调中获取到用户信息 （小程序插件中不能使用）	1.3.0
launchApp	打开APP，可以通过app-parameter属性设定向APP传的参数具体说明	1.9.5
openSetting	打开授权设置页	2.0.7
feedback	打开“意见反馈”页面，用户可提交反馈内容并上传日志，开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容	2.1.0