本文介绍了作者使用微信小程序开发的一个简单论坛demo，包括首页的广告轮播、功能模块、知识宣教、二手闲置和附近好房等板块。帖子列表具备搜索、下拉刷新和分页功能。帖子详情页包含图片展示、评论和审核功能。此外，还有发帖功能，涉及个人信息录入、地图选择和多图上传等。最后提到了个人信息模块，展示统计信息和各种功能。目前demo尚不完善，作者计划后续改进。
微信小程序设计UI
最近闲来无事学习微信小程序，自己做了一个demo，以下是笔记部分，时间有限，功能比较简单，做得也比较粗糙，欢迎各位提意见。
一.首页
1.广告轮播模块
采用的是swiper组件，定时切换。
2.主要功能模块
功能按钮默认有四个，采用弹性布局，等间隔排列
3.知识宣教模块
采用九宫格方式，弹性布局，每行两个元素排列
4.二手闲置模块
横置六个最新上架的二手闲置物品，可以左右滑动，采用的是movable-area组件实现
5.附近好房模块
展示附近住宿信息，实时计算当前终端与酒店之间的距离，按照长短排序
二.帖子列表功能，
展示帖子列表信息，搜索帖子功能，下拉刷新，上拉加载分页功能
三.帖子详情展示
1.展示帖子详细信息，包括图片展示，图片放大，多图左右滑动查看、保存等功能
2.帖子的评论功能
参考头条的评论功能，此处集成了文本自动审核功能，对于敏感词汇自动审核过滤
增加了评论同济，收藏（取消）、点赞（取消）、分享功能
四、发帖功能
基本信息录入、地域选择组件picker、多选组件checkbox-group、地图组件map、多图上传
五.我的个人信息模块
个人信息展示、帖子统计、个人通知、收藏列表、点赞统计、评论统计等
以上就是这个demo的基本介绍情况，很多功能还不完善，尤其没有UI，很粗糙，后续有时间在陆续完善~
扫一扫
2785
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
