Watch-Test

by AmosHuKe

AmosHuKe / Watch-Test

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

158 Stars 40 Forks Last release: Not found Apache License 2.0 267 Commits 6 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

logo 运动手表演示

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

概述

演示

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

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

登陆账号:admin 密码:admin

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

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

8.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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.