首页 > 微信小程序 > 小程序开发 > 小程序中点赞和收藏功能的实现代码

小程序中点赞和收藏功能的实现代码

不言
发布: 2018-09-07 14:47:25
原创
5449 人浏览过

小程序中的点赞功能和收藏功能是必不可少的,那么该如何实现点赞和收藏两个功能呢?本篇文章将给大家分享小程序中的点赞功能和收藏功能的代码实现。

收藏功能:

focusFavoriteTab: function (e) {
    var that = this;
    var isFocus = that.data.isFocus;
    console.log("isFocus", isFocus)
    var itemId = that.data.itemId;
    if (isFocus) {
      favoriteService.cancel(that, itemId).then((res) => {
        wx.showToast({
          title: "取消收藏",
          icon: 'success',
          duration: 1000
        });
        this.setData({
          isFocus: false,
        });
      })
    } else {
      favoriteService.add(that, itemId).then((res) => {
        wx.showToast({
          title: res.data == 1 ? "收藏成功" : "收藏失败",
          icon: 'success',
          duration: 1000
        });
        this.setData({
          isFocus: true,
        });
      });
    }
  },
登录后复制

点赞功能:

focuslikeTab: function (e) {
    var that = this;
    var isLike = that.data.isLike;
    let itemDetail = this.data.itemDetail 
    var itemId = that.data.itemId;
    if (isLike) {
      itemService.cancellike(that, itemId).then((res) => {
        wx.showToast({
          title: "点赞取消",
          icon: 'success',
          duration: 1000
        });
        itemDetail.liked--;
        this.setData({
          itemDetail:itemDetail
        });
        this.setData({
          isLike: false,
        });
      })
    } else {
      itemService.addlike(that, itemId).then((res) => {
        wx.showToast({
          title: res.data == 1 ? "点赞成功" : "点赞失败",
          icon: 'success',
          duration: 1000
        });
        itemDetail.liked++;
        this.setData({
          itemDetail: itemDetail
        });
        this.setData({
          isLike: true,
        });
      });
    }
  },
登录后复制

相关推荐:

关于微信小程序收藏功能的实现

在微信小程序中如何实现点赞功能

以上是小程序中点赞和收藏功能的实现代码的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板