美文网首页
微信跑步小程序

微信跑步小程序

作者: drson | 来源:发表于2017-12-24 21:55 被阅读0次

    这个小程序的代码托管在码云平台上,详细代码可以点击以下连接:
    https://gitee.com/drson/WeChatAPP
    这个小程序只是完成了一小部分的功能,还有很多bug,很多功能
    有待完成。下面介绍一下大概的目录结构和现有的功能:

    主目录结构:

    image.png
    • 1.image:图片文件夹
    • 2.pages:放置小程序页面
    • 3.utils:工具类文件夹
    • 4.app.js:小程序逻辑文件,主要用于注册小程序全局实例
    • 5.app.json:小程序公共设置,配置小程序全局设置
    • 6.project.config.json:项目配置文件

    页面目录:

    主目录结构
    history页面
    home页面
    run页面
    sport页面

    主要有四个页面

    • 1.history页面:用于显示历史记录信息
    • 2.home页面:为主页面,主要有登录注册功能


      首页
    • 3.run页面:有历史跑步统计直方图,有用户头像,可以设置
      跑步时的条件,如跑步距离,跑步时长等。


      run页面
    • 4.sport页面:为跑步时的页面,有地图功能,记录跑步轨迹,距离,
      时间等,


      sport页面

    工具目录

    工具目录

    主要有两个工具库:

    • 1.chart.js:用于绘制直方图
    • 2.evnets.js:用于编写事件功能

    相关文章

      网友评论

          本文标题:微信跑步小程序

          本文链接:https://www.haomeiwen.com/subject/rhxkgxtx.html