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

小程序如何实现简单的实现，收藏，分享，和客服功能。
1.首先是收藏的功能。在页面布局并绑定事件，

 <view class="shou" bindtap="addsc">
        <view class="iconfont   {{isCollect?'icon-shoucang1':'icon-shoucang'}} "></view>
        <text class="collect">收藏</text>
      </view>

2.在css里设置他的颜色变化和样式

.iconfont {
  position: absolute;
  top: 2%;
  left: 40%;
  width: 12px;
  height: 12px;
  text-align: center;
}
.icon-shoucang1{
  color: #eb4450;
}

3.在js页面data里定义。

data: {
    isCollect:false
  },

4.当点击收藏的时候让他执行true,和false

addsc(){
    let isCollect = false;
    let collect = wx.getStorageSync("collect") || [];
    // console.log(collect)
    let index = collect.findIndex(v=>v.goods_id === this.mylist.goods_id)
    if(index!==-1){
      collect.splice(index,1);
      isCollect=false;
      wx.showToast({
        title: '取消成功',
        icon:'success',
        mask:true
      });
    }else{
      collect.push(this.mylist);
      isCollect=true;
      wx.showToast({
        title: '收藏成功',
        icon:'success',
        mask:true
      });
    }
    wx.setStorageSync("collect", collect);
    this.setData({
      isCollect
    })
  },

5.实现分享、客服功能

  <li>
          <button open-type="contact" class="li1"> 
          <view class="iconfont icon-kefu"></view>
          <text class="tab">客服</text>
          </button>
      </li>
      <li>
        <button open-type="share" class="li1">
          <view class="iconfont icon-yixianshi-"></view>
          <text class="tab" >分享</text>
        </button>
      </li>

6.可以在小程序组件的button查看文档
1、文档地址
https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
7.配置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	打开“意见反馈”页面，用户可提交反馈内容并上传日志，开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容