/gjzx_wap2.0

国凯鲁班学院 Hybrid App,H5 采用 Vue 框架,嵌入 webview与原生交互。

Primary LanguageVue

介绍

本项目为一个基于 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

碰到的坑

主体界面展示

  1. 首页

shoye

  1. 资源中心

资源中心

资源中心

资源

  1. 登录注册

dengl

  1. 个人信息页

  1. 视频播放页

  1. 课堂习题