码迷,mamicode.com
首页 > 移动开发 > 详细

基于vue2.0的在线电影APP,

时间:2020-01-18 21:02:46      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:template   视频播放   相关   相关配置   网上   live   unit   浏览历史   pre   

基于vue2.0构建的在线电影网【film】,webpack + vue + vuex + vue-loader + keepAlive + muse-ui + cordova 全家桶,cordova 打包成APP

从零开始搭建,适合新手练手参考。GitHub地址,api来源于网上,仅供开发参考之用,禁用于商业,否则后果自负。

在线demo

apk安装包后续再放出吧 O(∩_∩)O

屏幕截图,该项目使用了响应式布局,适配全分辨率的屏幕

移动端效果

技术图片
技术图片

启用侧边栏模式

技术图片

PC端效果

技术图片

主要特色:

  1. 组件化开发
  2. 下拉刷新
  3. 无限加载
  4. 浏览历史
  5. 响应式布局
  6. 缓存数据
  7. 收藏
  8. 视频播放
  9. md风格模式
  10. 开发中...

目录结构

# web目录结构

├─build                 # build配置目录
├─config                # 相关配置
├─screenshot            # 屏幕截图
├─src                   # 项目源码主目录    
│  ├─assets             # 资源
│  │  └─less            # less通用文件目录
│  ├─components         # 页面及其组件
│  ├─router             # 路由
│  └─vuex               # vuex,其中包含了全局api,状态管理器
│      └─modules        # moduless
├─static                # 外部资源引入
│  ├─css                # 外部样式
│  │  ├─font            # 字体图标
│  │  └─woff            # 字体图标
│  └─js                 # 外部js    
└─test                  # 测试用,不用管这个
    ├─e2e
    │  ├─custom-assertions
    │  └─specs
    └─unit
        └─specs

A Vue.js project

运行

npm install

npm run dev

npm run build

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

基于vue2.0的在线电影APP,

标签:template   视频播放   相关   相关配置   网上   live   unit   浏览历史   pre   

原文地址:https://www.cnblogs.com/10manongit/p/12210001.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!