更新记录
1.0(2023-04-24)
第一版
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
运动手表演示
概述
![演示](https://mp-b35bac59-8c68-4e5a-86c9-99ba1b58193d.cdn.bspapp.com/cloudstorage/7b6a1379-f1b0-4857-8c52-feabe295e363.jpg)
!!! 主要用于学习参考并无实际功能。
🏃⌚
智能手表运动相关的App页面展示。
登陆账号:admin 密码:admin
Vue2.0 + Uni-App + Vuex + ColorUI + uCharts + Scss + 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)
后面持续更新。。。。
牛云团队项目推荐
斗图,表情包小程序
万能节日头像小程序
智能垃圾分类小程序
微信小程序支付unicloud版
资源变现资讯、自媒体、新闻、博客小程序
反编译获取任何微信小程序源码——看这篇就够了
承接各类软件开发业务价格美丽 ,QQ 2214904953