/Watch-Test

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

Primary LanguageJavaScriptApache License 2.0Apache-2.0

logo 运动手表演示

Vue2.0 uni-app ColorUI uCharts HBuilderX-v2.1.0

概述

演示

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

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

登陆账号:admin 密码:admin

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

测试平台 是否支持 下载演示
Chrome
Android8.0 下载
ios未测试 未测试
微信小程序 微信小程序
  • !!!注:微信小程序演示登录不上,很大原因是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.