Vue>> vue-movie>> 返回
项目作者： kang558

项目描述 ：
基于vue2.0构建的在线电影网【film】，webpack+vue+vuex+keepAlive+muse-ui+cordova 全家桶，打包成APP
高级语言： Vue
项目地址: git://github.com/kang558/vue-movie.git
创建时间： 2017-09-07T10:07:01Z
项目社区：https://github.com/kang558/vue-movie
开源协议：MIT License
关键词：
app cordova movie vue vue-cli vuex
下载


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

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

在线demo 已经更换成时光网，因为时光网API防跨域原因，需要查看效果的可以clone下来本地运行体验哦。在线的不支持了，另外需要看旧版的可以切换到 tag-0.1分支

apk安装包 下载：android-x86-debug.apk | 下载：android-armv7-debug

扫描二维码下载

（请勿使用微信扫一扫）


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

动图演示



移动端效果（非侧边栏模式）



启用侧边栏模式





PC端效果






主要特色：

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

目录结构

  1. # web目录结构
  3. ├─build                 # build配置目录
  4. ├─config                # 相关配置
  5. ├─screenshot            # 屏幕截图
  6. ├─src                   # 项目源码主目录    
  7. │  ├─assets             # 资源
  8. │  │  └─less            # less通用文件目录
  9. │  ├─components         # 页面及其组件
  10. │  ├─router             # 路由
  11. │  └─vuex               # vuex，其中包含了全局api，状态管理器
  12. │      └─modules        # moduless
  13. ├─static                # 外部资源引入
  14. │  ├─css                # 外部样式
  15. │  │  ├─font            # 字体图标
  16. │  │  └─woff            # 字体图标
  17. │  └─js                 # 外部js    
  18. └─test                  # 测试用，不用管这个
  19.     ├─e2e
  20.     │  ├─custom-assertions
  21.     │  └─specs
  22.     └─unit
  23.         └─specs

A Vue.js project

运行

  1. npm install
  3. npm run dev
  5. npm run build

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

License

MIT