小程序端页面-实机展示
用户使用微信用户绑定,后可以进行一下操作
- 浏览自己已加入的社团、活动
- 分类浏览所有的社团、活动
- 加入或关注社团
- 参与活动
- 搜索社团和活动
- 添加或修改自己的个人信息
登录
我的(未登录) - 登录页 - 我的(已登录)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623152438170-1154628200.jpg)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623133803128-1719467413.jpg)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623152530752-39114207.jpg)
主页
所有页面下滑查过100px会出现,回到top按钮
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623171320175-1853847899.jpg)
搜索页
未搜索时,有热门的推荐和历史记录,搜索后显示搜索结果
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623180231432-992262673.jpg)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623180240636-1835829100.jpg)
社团展示页面
可滑动tabbar,做了吸顶和回到顶部
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623181555419-744223937.jpg)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623181608841-1589380310.jpg)
社团详情页面
可滑动bar,浮动加入按钮,固定关注按钮,浮动托盘
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623163330242-1839791132.jpg)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623163344594-1301865100.jpg)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623163357820-237259824.jpg)
活动展示页面
和社团展示页类似
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623181734767-1479291059.jpg)
活动详情页面
活动展示页的三个tabbar(互动简介-活动详情-所属社团)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623151646829-679704101.jpg)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623151715003-948422514.jpg)
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623151732227-1343588944.jpg)
个人信息修改页面
为自己的微信用户添加学号和真实姓名
![](https://img2020.cnblogs.com/blog/1806396/202006/1806396-20200623184822987-1496335646.jpg)