介绍

本项目为一个基于 Vue 的 Hybrid App 项目，全部页面均为自己用H5完成，最后通过嵌入原生 webview 框架。扫码和指纹登录功能为原生实现。由于，我已经将打包的ipa文件发布到蒲公英平台，可以直接按照下面链接扫码下载即可。

下载地址：下载链接（IOS） 下载链接（Android）

Android 安装包为直接的 apk 文件，可以直接下载安装即可。

技术栈

• Vue

• vue-router

• vue-axios

• vant （Vue 移动端 UI 组件库，项目中主要是用的 switch 和 dialog 组件）

• fastclick （解决移动端点击300ms延迟）

• vue-awesome-swiper（Vue移动端swiper插件）

• better-scroll（移动端滑动插件）

• vue-video-player（Vue视频播放插件）

• flexible.js（移动端适配方案）

• sass（css预处理器）

• ES6

碰到的坑

• 移动端字体自适应 （Font Boosting）

• 前端实现多行文本溢出显示省略号

• H5 与原生 Android/iOS 互调

• 压缩vue-cli项目生产打包后文件体积

• video.js在移动端自动全屏播放问题

• canvas移动端高宽自适应

• 移动端开发必须知道的小技巧

主体界面展示

1. 首页

2. 资源中心

3. 登录注册

4. 个人信息页

5. 视频播放页

6. 课堂习题