博客

微信小程序设计UI

最近闲来无事学习微信小程序，自己做了一个demo，以下是笔记部分，时间有限，功能比较简单，做得也比较粗糙，欢迎各位提意见。

一.首页

1.广告轮播模块

采用的是swiper组件，定时切换。

2.主要功能模块

功能按钮默认有四个，采用弹性布局，等间隔排列

3.知识宣教模块

采用九宫格方式，弹性布局，每行两个元素排列

4.二手闲置模块

横置六个最新上架的二手闲置物品，可以左右滑动，采用的是movable-area组件实现

5.附近好房模块

展示附近住宿信息，实时计算当前终端与酒店之间的距离，按照长短排序

二.帖子列表功能，

展示帖子列表信息，搜索帖子功能，下拉刷新，上拉加载分页功能

三.帖子详情展示

1.展示帖子详细信息，包括图片展示，图片放大，多图左右滑动查看、保存等功能

2.帖子的评论功能

参考头条的评论功能，此处集成了文本自动审核功能，对于敏感词汇自动审核过滤

增加了评论同济，收藏（取消）、点赞（取消）、分享功能

四、发帖功能

基本信息录入、地域选择组件picker、多选组件checkbox-group、地图组件map、多图上传

五.我的个人信息模块

个人信息展示、帖子统计、个人通知、收藏列表、点赞统计、评论统计等

以上就是这个demo的基本介绍情况，很多功能还不完善，尤其没有UI，很粗糙，后续有时间在陆续完善~