1. 名称:
    fenda-mock
  2. 作者:
    lzjk
  3. 来源:
  4. 浏览:
    14639
  5. 下载:
    3051
  6. 最新更新:
    2016-11-13
  7. 收藏1

使用微信小程序实现「分答」这款APP的基础功能

blob.png

开发文档和背景阅读

一些想法个人关于「微信小程序」的一些见解


feature

  • flex布局

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

  • 动态刷新

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

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

  • 带参切换页面

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

  • template写视图层模板

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


TODOs

  • 滚动到顶部时的动画效果

  • 输入搜索关键词时的动态提示

  • 完整的带参切换页面功能



共0 条评论
  1. 加载评论

评论内容:

发表评论
  1. 全部组件分类
  2. 瀑布流
  3. 示例
  4. 提示组件(ToolTip)
  5. 下拉刷新、上拉加载
  6. Toast
  7. 选项卡(tab)
  8. 图表
  9. 卡片切换
  10. 菜单
  11. 筛选
  12. 星级评分
  13. 选择器
  14. 滑动删除
  15. 手势密码
  16. Switch
  17. 搜索
  18. 游戏
  19. 弹幕
  20. 懒加载
  21. 布局
  22. 应用模仿
  23. Emoji
  24. 转盘抽奖
  25. 插件
  26. UI库
  27. 动画
  28. 下拉列表
  29. SnackBar
  30. HTML解析
  31. 日历
  32. 点餐小程序
  33. 购物效果
  34. 框架
  35. 渲染引擎
  36. 商城
  37. 吸顶停留
  38. 会议
  39. 分享
  40. 其他
最新评论