一个界面美观，跨平台，开源的运动手表演示库

Watch-Test

运动手表演示-支持H5，Android，微信小程序

github

https://github.com/AmosHuKe/Watch-Test

使用功能模块

• Vue2.0
• Uni-App
• Vuex
• ColorUI
• uCharts
• Less
• Mock

APP模块权限配置（manifest.json）

可以使用 Bluetooth(低功耗蓝牙)

注意

1、项目需开启 Less

2、服务器数据请求地址更改：./service/request/index.js 下的 config.baseUrl

目录结构

├── App.vue //应用配置（配置App全局样式以及监听等） 
├── main.js //Vue初始化入口文件 
├── manifest.json //配置应用名称、appid、logo、版本等打包信息
├── pages.json //配置页面路由、导航条、选项卡等页面类信息
├── mock //模拟数据
├── common //共用文件
├── components //组件文件
├── pages //页面文件夹 
│ └── index.vue //主布局页
│ └── home //首页
│ │ ├── children //首页子
│ │ ├── home.vue //首页
│ └── motion //运动
│ │ ├── children //运动页子
│ │ ├── motion.vue //运动页
│ └── ble //设备（蓝牙）
│ │ ├── children //设备（蓝牙）页子
│ │ ├── ble.vue //设备（蓝牙）页
│ └── goal //目标
│ │ ├── children //目标页子
│ │ ├── goal.vue //目标页
│ └── mine //我的
│ │ ├── children //我的页子
│ │ ├── mine.vue //我的页
├── lib //第三方库/框架 
│ └── colorui //ColorUi
├── service //服务请求相关
│ └── api //api接口
│ └── request //请求全局配置，请求拦截
├── style //样式文件 
├── static //静态文件 
├── appstatic //APP静态文件（Icon，启动图...）
├── unpackage //打包后文件（dist） 
├── demo //演示预览文件 
│ └── amos-login //登录模板(http://ext.dcloud.net.cn/plugin?id=538)

体验图片

您知道哪些好用的运动手表库，欢迎评论分享，共同探讨学习

如果觉得文章能够对您有所帮助，可以关注我，你的支持会鼓励我不断分享更多更好的优质文章。

文章来源: https://www.toutiao.com/group/6723714728381645316/