uniapp(全端兼容) - 最新移动端评论区讨论点赞回复功能，可发表文字或图片评论|点赞|回复|展开收起|谁回复谁|删除|自动更新等，uniapp仿抖音快手评论区效果（详细示例源码，一键复制开箱即用

已于 2024-07-29 11:20:30 修改
阅读量3k 收藏 4
点赞数 9
分类专栏： 前端组件与功能(开箱即用) 文章标签： uni-app 支付宝 微信小程序 手机移动端 h5网页平台 安卓 苹果app 评论区点赞回复盖楼官方插件 vue评论区详细示例源代码教程 高仿类似抖音快手评论区功能
于 2024-03-29 11:54:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/137139862
版权

效果图

在uniapp小程序/h5网页网站/安卓苹果app/nvue等（全平台完美兼容）开发中，实现评论区、讨论区功能详细教程，uniapp评论区用户可发布图片、视频、文字进行评论，其他用户可进行 “无限级|盖楼评论区”，点赞评论、回复评论、删除评论(自动计算刷新,不影响布局)，当评论大于n条时自动进行折叠收缩，点击"展开"时才展开部分评论(懒加载)！

基于抖音快手评论区设计，uniapp高仿短视频平台评论区效果

uniapp Vue3和Vue2都能用，提供详细完成的示例源代码，一键复制稍微改下就可以使用了。

在这里插入图片描述

设计思路

先来看下，

了解本专栏 订阅专栏 解锁全文
街尾杂货店&
关注
  • 9
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
[uniapp] uni-ui+vue3.2小程序评论列表组件 回复评论 点赞和删除
前端一线搬运工的博客
01-09 4019
主要是插件市场没找到满意的, 诸多用着也不顺, 所以有了cc-comment, 如有Bug请留言或Email, 开源不易且用且珍惜, 感谢使用. 关于功能样式, 主打一个借鉴如下; 参考[*小红书*]App的评论回复功能: 点击评论内容展示回复弹窗, 二级评论默认显示一条, 点击展开查看更多, 无评论收起功能. 参考[*什么值得买*]App的多层级回复评论title显示效果
uniapp全端《智能取名》源码
09-03
【uniapp全端《智能取名》源码】是一个基于uniapp框架开发的应用，它能够帮助用户快速地为孩子、项目或任何需要命名的事物进行智能取名。这个应用的核心功能包括生成名字建议、对名字进行评分以及提供名字的解释。...
uniapp scroll-view 横向和纵向滚动 带滚动回调
09-10
在开发移动应用或Web应用时，经常会遇到需要实现滚动效果的场景，比如商品列表、文章列表等。在uni-app框架中，`scroll-view`组件是一个非常实用的工具，它允许开发者实现横向和纵向的滚动，并且可以添加滚动回调...
Uniapp 横向滚动抽奖页面 组件 引用即可 全端
09-26
引入组件即可 <TC-choujiang></TC-...里面的商品图片和被抽出商品跳转页面按照实际情况进行修改。 商品图片可以从数据库中获取进行赋值即可 位置：uni_modules/TC-choujiang/components/TC-choujiang/TC-choujiang
全端云uniapp小程序源码，百搜全端云多端小程序DIY制作开源系统
11-01
百搜全端云小程序多端制作系统开源源码，集成一个小程序实现:外卖餐饮 商城 电影购票 玉石拍卖 同城 旅游 视频语音付费 文章 预约万能表单 入驻商家手机管理功能 首页音乐播放 秒杀 拼团 可以一端支持全部功能对接...
基于uni-app的、全端兼容的、高性能UI框架.zip
04-03
【标题】: "基于uni-app的、全端兼容的、高性能UI框架" 在这个主题中，我们探讨的是一个专为uni-app设计的UI框架，它具备全端兼容性和高性能的特性。uni-app是一个由Eachat开发的多端开发框架，允许开发者使用Vue....
uni-app声生命周期
蚂蚁搬家
07-25 387
tabbar的页面展示过一次后就保留在内存中，再次切换tabbar页面，只会触发每个页面的onShow，不会再触发onLoad.onLoad:监听页面加载，其参数为上个页面传递的数据，参数类型为Object，只加载一次。onShow:监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面。onLaunch:当uni-app初始化完成时触发（全局触发一次）onShow:当uni-app启动，或从后台进入前台时显示。onReady:监听页面初次渲染完成，只加载一次。
2024最新Uniapp的H5网页版添加谷歌授权验证
松之宅
07-24 549
现在教程不少，但是自从谷歌升级验证之后，以前的老教程就失效了，现在写一个新教程以备不时之需。clientID的申请方式我就不再进行赘述了，其他的教程上面都有，我这边只提供最重要的东西。由于众所周知的特殊原因，开发的时候一定注意网络环境，如果没有梯子是无法进行开发的哦~1、要在html文件中导入谷歌的js文件。你需要将他放到你代码中合适的位置。5、以下代码放到onReady中。3、复制以下代码放在合适的位置。2、将html设置为模板。4、调用谷歌验证的代码。注意：没有梯子不显示。
uniapp+vue微信小程序项目中实现手机号授权登录
郭宝的博客
07-22 492
一般拿到code、encryptedData、iv数据以后，会将该数据传给后台，后台验证后会返回当前用户信息。
用uniapp 及socket.io做一个简单聊天app1
hzether的博客
07-24 610
用户A发送一条私聊消息给用户B，在Messages表中插入一条记录，type为private。用户B接受邀请，将状态更新为accepted，并在GroupMembers表中插入一条记录。用户A在群组中发送一条消息，在Messages表中插入一条记录，type为group。用户A向用户B发送好友请求，在Friends表中插入一条记录，状态为pending。用户A邀请用户B加入群组，在Invites表中插入一条记录，状态为pending。用户A将用户B拉黑，在Blacklists表中插入一条记录。
uniapp中@click或者@tap多层嵌套的问题解决方法
知码客
07-25 531
我们在开发页面的过程中。例如要设计一个九宫格的相册，并且加上删除上传图片和点击图片后预览图片大图的功能例如下图的演示功能。通过上面我们可以看到我们涉及到了两个点击的操作调用了不同的方法，就会遇到一个问题就是点击外围。号后要删除掉当前的图片，那么我们设计的时候如果我们代码写成如下的格式。这个仅仅是我自己的一个笔记整体九宫格实现的代码后续整理再发布。是不生效的，那么我们处理的方式很简单。点击图片后显示大图预览图片，点击。
uniapp集成安卓原生录屏插件以及使用
j15087159186的博客
07-25 1257
uniapp集成插件的两种方式（1）云端插件集成、（2）本地插件集成，本文介绍了两个集成方式，并附有现成的插件提供下载
uni-app全局文件与常用API
2301_80735340的博客
07-25 1185
超时时间，单位为ms。也就是说，在拿到设计稿后，要把稿件宽度等比缩放为750，再测量各区域的大小。下拉刷新操作，需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh。这段代码中我们开始了输入框，在输入框中输入内容，点击确定后，可以回调输入的内容，拿到后我们可以做些输入判断、校验之类的操作。打开后，里面有很多内置的样式变量，可以直接拿来用的，现在拿个文字颜色过来试试，注意只需要取"$“至”:" 前的内容即可。
【创新未发表】Matlab实现秃鹰优化算法BES-Kmean-Transformer-LSTM组合状态识别算法研究.rar
07-29
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
巡检python.mp4
07-29
巡检python.mp4
三个版本企业数字化转型合集（2001-2022）（全新整理)
07-29
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/140383422 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 ## 数据指标说明 整理了基本上最常见的数字化转型的度量方式，全部都是目前为止最为常用的顶刊数据用法，具体数据说明如下（全部为2021最新版本） 一、吴非版本（2007-2021） 二、袁淳版本（2007-2021）（数据丰富） 三、张永珅版本 2001-2022
【SCI一区】Matlab实现蝗虫优化算法GOA-CNN-LSTM-Attention的风电功率预测算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
Matlab实现蝠鲼觅食优化算法MRFO-Kmean-Transformer-BiLSTM组合状态识别算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
监控视频车辆计数统计功能研究
最新发布
07-29
针对实时获取监控视频车流量的迫切需求，利用 7<3+=$>O?@A%+ 实现监控视频车辆计数统计功能( 首先，通过背景减除法的前景提取算法来分割出图像中的车辆(然后，通过轮廓检测和形态学操作对车辆 进行处理和过滤，以消除噪声和不必要的检测结果确保准确计数(最后，将该方案与 67879, 模型和 27CD 算法相结合作对比(实验结果表明，两种方案都能够有效地实现车辆的计数，但传统图像处理没有 深度学习精度高，且难以适应不同路段的道路场景，为此提出将传统图像处理与深度学习相结合的建议， 为车辆计数提供更好的解决方案(
uniapp - 强力覆盖 checkbox 复选框样式兼容全端app
11-11
Uniapp是一个基于Vue.js的跨平台应用开发框架，它强力覆盖了checkbox复选框样式，使得复选框在不同的移动端app上都能有良好的兼容性。 在Uniapp中，开发者可以通过简单的代码实现复选框的样式定制和覆盖。这意味着无论是在iOS、Android还是其他移动平台上，复选框的样式都能够被统一，并且可自定义。这对于开发者来说是非常方便的，他们不需要为不同平台去逐个调整复选框的样式，而是可以直接在Uniapp中进行统一的定制。 另外，Uniapp还支持使用flex布局来布置和调整复选框组件，这使得复选框的样式和布局更加灵活和方便。而且，Uniapp还提供了丰富的组件和插件库，开发者可以根据需要选择合适的组件来实现复选框的样式兼容。 总的来说，Uniapp强力覆盖了checkbox复选框样式，使得复选框在全端app中都能够有良好的兼容性。它提供了灵活的定制和布局方式，同时支持丰富的组件和插件库，使得开发者能够更加便捷地实现复选框样式的兼容。因此，在Uniapp中开发复选框组件，可以获得更好的开发体验和更广泛的应用范围。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

街尾杂货店&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值