用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

  • TA的每日心情
    开心
    2017-1-23 10:07
  • 签到天数: 2 天

    [LV.1]初来乍到

    171

    主题

    172

    帖子

    958

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    958
    2017-1-18 15:16:21 weikeba 管理员 楼主 3666
    使用微信小程序实现「分答」这款APP的基础功能
    feature

    • flex布局

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


    • 动态刷新

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


    • 带参切换页面

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


    • template写视图层模板

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


    TODOs

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

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

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

    预览图
    210751crbbzt2k3ya96a2z.gif

    项目地址:
    游客,如果您要查看本帖隐藏内容请回复
    项目下载:
    游客,如果您要查看本帖隐藏内容请回复
    使用道具 举报 回复
    使用道具 举报 回复
    使用道具 举报 回复
    使用道具 举报 回复
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册