微信小程序之点赞的实现

今天在第二大学远程实习中,学习到了点赞的一个操作。在我们浏览信息的时候,我们经常看到点赞、评论、转发的功能,其中点赞的功能,我们在操作的时候,我们可以观察到点赞功能存在未点赞和已点赞两种状态,同时也会存在点赞数的变化,比如未点赞之前,有31个赞,在已点赞后变成32个赞,在取消点赞后变成31个赞。

Dianzan . wxml
我们先来看结构,如下图。
image

重要的是接下来的逻辑
Dianzan . js
思路是获取图片的、点赞的索引,然后加上一个判断值,判断是点赞还是取消点赞,进而去更换未点赞和已点赞的两种点状态和计算点赞数。
image

效果:
未点赞(或取消点赞)
image

已点赞
image

posted @ 2023-03-16 15:52  星河Sky  阅读(570)  评论(0)    收藏  举报