今天在第二大学远程实习中,学习到了点赞的一个操作。在我们浏览信息的时候,我们经常看到点赞、评论、转发的功能,其中点赞的功能,我们在操作的时候,我们可以观察到点赞功能存在未点赞和已点赞两种状态,同时也会存在点赞数的变化,比如未点赞之前,有31个赞,在已点赞后变成32个赞,在取消点赞后变成31个赞。
Dianzan . wxml
我们先来看结构,如下图。
重要的是接下来的逻辑
Dianzan . js
思路是获取图片的、点赞的索引,然后加上一个判断值,判断是点赞还是取消点赞,进而去更换未点赞和已点赞的两种点状态和计算点赞数。
效果:
未点赞(或取消点赞)
已点赞