微信小程序客服、分享和收藏

客服、分享和收藏

如果要写客服、分享、收藏的话也是挺简单的：
收藏：首先我们要有两给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="po">
  </view>
        收藏
      </view>
3.不管是显示空心还是实心的都要有点击事件，点击以后才能修改初始值，
收藏成功以后，我们可以把数据存到本地存储中
pp(){
      this.data.f=true //点击修改完成以后
      this.setData({  //修改一下data里面的数据要不然不更改
      f:this.data.f
      )
       wx.setStorageSync('pp', this.data.list1) //存到本地存储
      //然后给一个提示收藏成功
       wx.showToast({
      title: '收藏成功',
    })
}
然后取消收藏也是一样点击事件data数据设置成false
  po() {
    var a = this.data.f = false
    wx.showToast({
      title: '收藏失败',
    })
    this.setData({
      f: a
    })
  },
二、分享、客服
分享的话可以在这个地址里面找到button 有属性 直接使用即可 ，
地址：https://developers.weixin.qq.com/miniprogram/dev/component/button.html
分享： button里面有个属性是：open-type 是微信开放功能 share
客服： button里面有个属性是：open-type 是微信开放功能 contact
下面有对应的值:
open-type 的合法值
值	说明	最低版本