列表点赞功能

/**wxml*/ 
<view class="heart" bindtap="favorclick" data-id="{{item.id}}">
      <text class="icon-heart" style="{{item.redHeart?'color:'+skincolor+'!important;':''}}">
      </text>
      <text>{{item.likecount}}</text>
</view>


/**js*/
favorclick: function(e) {
    var item_id = e.currentTarget.dataset.id; //点击当前列表的id
    var newCaseList = this.data.newCaseList; //数据列表
    //接口传参数
    var data = {
        shopid: app.globalData.shopId,
        id: item_id
    }
    //循环数据列表
    for (var i = 0; i < newCaseList.length; i++) {
       //判断点击的id等于数据列表id
       if (newCaseList[i].id == item_id) {
           //判断数据里面里面有没有这个字段,如果没有
          if(!newCaseList[i].redHeart){
               //添加字段为true
               newCaseList[i].redHeart = true;
               //这个字段加1(点赞加1)
               newCaseList[i].likecount = Number(Number(newCaseList[i].likecount) + 1);
               //把最新数据返回到后台
               util.apiRequest('/opus/setlike', data).then(data => {
                  if (data) {
                    //渲染页面
                     this.setData({
                          newCaseList: newCaseList,
                          clickNum: 1,
                      })
                   }
                 })
             }
          }
      }
  },
/**注:取消点赞暂时没有弄,有时间在补充下;*/

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值