微信小程序实现「分答」这款APP的基础功能
无间道 · 109浏览量 · 发布于2021-03-01 +关注

作者davedavehong,源码fenda-mock,微信小程序实现「分答」这款APP的基础功能。


王思聪的一元试听引爆了分答。本小程序模仿分答,

功能:

  • flex布局

基本使用官方推荐的flex来写布局,结合margin和padding能实现大部分的样式要求。


  • 动态刷新

tabBar的第一个菜单「收听」使用了微信提供的组件scroll-view可滚动视图区域,页面加载后从网络上拉取数据填入视图层同时写入Storage(应该就是html5中的localStorage),滚动到底部时触发更新事件,同时设置标志位防止重复触发。应用官方的加载提示动画。

tip:滚动视图组件的上下滚动用鼠标滚轮,使用鼠标拖动的话很容易触发下拉事件,哪怕并没有到达顶部。滚动视图组件内不要放与内容无关的元素

  • 带参切换页面

点击某个问题进入问题的详情页,同时导航网址带有该问题的编号,具体数据优先从Storage抓取, 查询不到就请求后台。同样的,点击个人头像或者个人简介bar进入个人详情页。(未完全完成)

  • template写视图层模板

找人页面的两个榜单均使用template渲染


相关推荐

课程预约小程序源码

相关信息 itnanba · 180浏览 · 2021-06-21 10:57:55
微信树芽读书的优秀书籍朗读小程序项目源码

相关信息 zhuxiaoqiang · 240浏览 · 2021-03-08 21:11:43
微信阅享小程序(借书阅读评价类)源码

相关信息 xiaomei1994 · 291浏览 · 2021-03-08 21:06:18
小熊日记微信小程序源码

相关信息 zhuxiaoqiang · 189浏览 · 2020-12-04 14:29:42
汇驾考小程序(微信答题小程序)源码

相关信息 it老王 · 616浏览 · 2020-11-24 14:23:48
加载中

0评论

评论
各位好,我是无间道,欢迎互助粉丝!
  • 源码信息
  • 所需 2 点数
  • 源码作者:匿名作者
  • 源码大小:209.218 KB
  • 源码类型:教育学习
  • 运行环境:未知
分类专栏
小鸟云服务器
扫码进入手机网页