八月末班车：小程序中的点赞功能，你知道吗？

哈喽，各位小伙伴们，大家好。临近开学了，大家是不是还在痴迷峡谷奔跑，亦或是还在乱字弥漫的修真小说中渡过呢？

就这，还是不能否抵封住我写这篇文章的热情。今天，我捉住这一月的末班车，和你们聊一聊小程序中的点赞功能。

当你们在写小程序的时侯听到这个收藏点赞的功能时，相信你们和我一样，都是蒙的一批，以为好难，甚至会有人去考虑是不是可以用背景色去实现这个功能，其实这个看法是错误的。当你认真整理一下逻辑的时侯，不难发觉，无非就是换两张不一样的相片，然后做一个if判定，然后绑定一个函数实现文字提示，就可以实现这个简单的功能了。下面我就来创建一个简单的page来测试一下这个。

代码如下：

wxml：

js：

Page({
  /**
   * 页面的初始数据
   */
  data: {
    boolean:true
  },
  Event(e){
    this.setData({
      boolean:!this.data.boolean
    })
    wx.showToast({
      title: '已取消收藏',
      icon:'none'
    })
    if(this.data.boolean==false){
      wx.showToast({
        title: '收藏成功',
        icon:'none'
      })
    }
  },
  
   
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  }
})

wxss可以自己定义，随意置于自己想要放置的地方，这里就不发下来了。

注意：在这儿可能有些人会问

如何去除或则填加这个文字前面相片时，只须要在icon上添加相应的相片就好了。

wx.showToast({
      title: '已取消收藏',
      icon:'none'
    })

好了，今天的分享就到这儿了，大家假如有发觉问题或则有值得改进的地方希望多多指教，鄙人才疏学浅，希望这篇文章才能帮助到你们。