微信小程序——评论点赞功能

最新推荐文章于 2024-07-05 08:44:54 发布

bit小兵

最新推荐文章于 2024-07-05 08:44:54 发布

阅读量4.8k

点赞数 4

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/lymvv/p/10026169.html

版权

本文介绍了微信小程序中如何实现评论点赞功能。包括前端页面结构设计，点赞函数`favorclick`的实现，通过设置`likeFlag`防止多次点击，并在请求完成后再允许下一次点击。同时讲解了评论功能，如何在用户发表评论后即时显示，并限制输入框字数。

摘要由CSDN通过智能技术生成

实现的最终效果图

1.点赞功能

前端页面结构

1     <view class='talk-item-zan'>
2               <view bindtap='favorclick' data-id='{
    {item.id}}' data-islike="{
    {item.is_like}}" data-dex="{
    {index}}" data-userid="{
    {item.user_id}}" class="like_box">
3                 <image src='/image/okzan.png' class="zan_img" wx:if="{
    {item.is_like == 1}}"></image>
4                 <image src='/image/nozan.png' class="zan_img" wx:else></image>
5                 <view class='zan_num'>{
   {item.like_num}}</view>
6               </view>
7             </view>
8    </view>