更新记录

1.0（2023-04-24）

第一版

平台兼容性

运动手表演示

概述

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

🏃‍⌚
智能手表运动相关的App页面展示。
登陆账号：admin 密码：admin

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

• ！！！登录不上，很大原因是Easy-Mock网站挂掉了，数据请求失败。

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

注意

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)

后面持续更新。。。。

牛云团队项目推荐

斗图，表情包小程序

万能节日头像小程序

智能垃圾分类小程序

微信小程序支付unicloud版

资源变现资讯、自媒体、新闻、博客小程序

反编译获取任何微信小程序源码——看这篇就够了

承接各类软件开发业务价格美丽 ，QQ 2214904953