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

微信跑步小程序

作者: 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