记录下最近做的东西微信小程序仿微信朋友圈 支持点赞取消点赞,评论回复评论删除评,删除朋友圈 发布朋友圈...

3

记录下最近做的东西微信小程序仿微信朋友圈 支持点赞取消点赞,评论回复评论删除评,删除朋友圈 发布朋友圈...

微信小程序仿微信朋友圈

最近,我开发了一款微信小程序,模仿了微信的朋友圈功能。这个小程序支持点赞、取消点赞、评论回复评论、删除评、删除朋友圈和发布朋友圈等功能。

首页

首页是用户首先看到的界面。它显示了最近发布的朋友圈,包括图片、视频和文字内容。用户可以通过滑动来浏览朋友圈。

发布朋友圈

用户可以在首页点击"发布朋友圈"按钮,进入编辑页面。这里用户可以添加图片、视频、文字内容,并选择是否公开或私密朋友圈。

点赞和取消点赞

当用户看到喜欢的朋友圈时,可以点击"点赞"按钮,给予支持。同样,当用户想取消之前的点赞时,也可以点击"取消点赞"按钮。

评论回复评论

用户可以在朋友圈下方输入评论,并发送。其他用户也可以在评论区回复评论。用户还可以删除自己的评论或回复评论。

删除评和删除朋友圈

当用户想删除自己发布的朋友圈时,可以点击"删除"按钮,确认后即可删除成功。当用户想删除他人评论时,也可以点击"删除"按钮,确认后即可删除成功。

查看@消息

当用户被其他用户@时,可以在首页看到一个红点提示。点击这个红点,可以进入@消息页面,查看所有的@信息。

功能列表

以下是小程序支持的功能列表:

1. 发布朋友圈2. 点赞和取消点赞3.评论回复评论4. 删除评和删除朋友圈5. 查看@消息开发过程

开发这个小程序,主要使用微信小程序官方提供的API和组件。其中,使用了以下几个关键组件:

1. `wx.createSelectorQuery()`:用于获取元素的布局信息。

2. `wx.getSystemInfo()`:用于获取系统信息,如屏幕宽度等。

3. `wx.showToast()`:用于显示提示框。

4. `wx.hideToast()`:用于隐藏提示框。

代码结构

小程序的代码结构如下:

1. `pages/`:存放页面组件的目录。

2. `utils/`:存放工具函数的目录。

3. `app.js`:应用入口文件。

4. `index.js`:首页组件文件。

总结

微信小程序仿微信朋友圈是一个比较复杂的小程序,涉及到多个功能模块。通过使用微信小程序官方提供的API和组件,可以实现这些功能。开发过程中需要注意代码结构和逻辑流程的设计,以保证小程序的性能和用户体验。

小程序朋友圈点赞评论前端小程序vue

版权声明:除非特别标注,否则均为网络文章,侵权请联系站长删除。

上一篇 微信视频号赞过的动态怎么查看?

下一篇 微信小程序云开发实例 源码 点赞、收藏、评论等功能实现(一)