运动手表演示

概述

！！！ 主要用于学习参考并无实际功能。

🏃‍⌚
智能手表运动相关的App页面展示。

登陆账号：admin 密码：admin

Vue2.0 + Uni-App + Vuex + ColorUI + uCharts + Scss + Mock

| 测试平台 | 是否支持 | 下载演示 |
|------|------|------|
| Chrome | ✔ | 无 |
| Android

8.0

未测试

• ！！！注：微信小程序演示登录不上，很大原因是Easy-Mock网站挂掉了，数据请求失败。

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

| APP模块 | 是否使用 |
|------|------|
|

Bluetooth(低功耗蓝牙)

注意

1、项目需开启

Scss

（HBuilderX v2.1.0 - 工具 - 插件安装 - Scss）
2、服务器数据请求地址更改：

./service/request/index.js

下的

config.baseUrl

3、

manifest.json

源码中

H5

已开启代理，App端将原有的Easy-Mock（官网经常挂）改为github的json请求，但是由于微信小程序服务器接口地址需要认证，所以微信小程序的请求还是Easy-Mock。

"h5" : {
    "devServer" : {
        "https" : false,
        "port": 8000,
        "disableHostCheck": true,
        "proxy": {
            "/mock": {
                "target": "http://raw.githack.com/AmosHuKe/Watch-Test/master",
                "changeOrigin": true,
                "secure": false
            }
        }
    }
}

目录结构

├── 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)

感谢

ColorUI-UniApp
uCharts
luch-request
区间选择滑块组件

© AmosHuKe. All Rights Reserved.