更新记录
1.0(2023-04-24) 下载此版本
第一版
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
运动手表演示
概述
!!! 主要用于学习参考并无实际功能。
🏃⌚
智能手表运动相关的App页面展示。
登陆账号:admin 密码:adminVue2.0 + Uni-App + Vuex + ColorUI + uCharts + Scss + Mock
- !!!登录不上,很大原因是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)
后面持续更新。。。。
牛云团队项目推荐
承接各类软件开发业务价格美丽 ,QQ 2214904953