微信小程序——点赞和取消点赞功能的实现

最新推荐文章于 2023-05-14 22:05:30 发布

阿怼怼

最新推荐文章于 2023-05-14 22:05:30 发布

阅读量7.1k

点赞数 10

分类专栏：微信小程序文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_42506954/article/details/106158499

版权

这个项目是一个有前后端的微信小程序，能够发布和查看论文，并可以给论文点赞。这篇文章主要介绍点赞和取消点赞功能的实现。

一、成果展示

用户没有点赞的状态（可能有点看不清，是一个空的心的图标）。
在这里插入图片描述
点一下之后，变成一个红心，再点一下变回空心。

二、代码实现

.wxml部分

<view class="likes" style="opacity:{
  {0.8}}">
    <image class="dianzantu" src="{
  {favor_img}}" bindtap="praiseThis"  wx:if="{
  {show == true}}" mode="widthFix" />
    <image class="dianzantu" src="{
  {favor_img2}}" bindtap="praiseThis"  wx:else mode="widthFix" /><view class='title'