微信小程序---点赞（图片和点赞数更改）

川长思鸟来 2022-03-20 11:22 708阅读 3赞

index.wxml

<view class='btn_01'>
        <image src="{
       {favor_img}}" bindtap="dianzan"  wx:if="{
       {liked==1}}" mode="widthFix"></image>
        <image src="{
       {favor_img2}}" bindtap="dianzan"  wx:else mode="widthFix"></image>
        <view class='title'>{
       {liked_num}}</view>
    </view>

index.js

// 点赞
      dianzan: function (event) {
        var that = this;
        // console.log(id);
        // console.log(app.globalData.userInfo);
        // 已经授权---执行点赞
        console.log('点赞中获取number' + that.data.number);
        var liked_num = that.data.liked_num;
    
        // console.log("点击了同意授权");
        var that = this
        wx.request({
          url: 'https://xxxxx/video/like',
          data: {
            id: that.data.id,
            number: that.data.number
          },
    
          headers: {
            'Content-Type': 'application/json'
          },
          success: function (res) {
            that.setData({
              msg: res.data.msg
            })
            // that.changeData();
            console.log(res.data.msg)
            if (res.data.msg == '点赞成功') {
              that.setData({
                liked: 1,
                favor_img: "../../image/icon_1_1.png",
                liked_num: liked_num + 1
              })
    
            } else {
              that.setData({
                liked:0,
                favor_img2: "../../image/icon_1.png",
                liked_num: liked_num-1
              })
            }
            wx.showToast({
              title: res.data.msg,
              icon: 'success',
              duration: 1500
            })
          }
        })
    
      }