All Projects → akFace → vue-movie

akFace / vue-movie

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

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to vue-movie

Vue Movie
基于vue2.0构建的在线电影网【film】,webpack+vue+vuex+keepAlive+muse-ui+cordova 全家桶,打包成APP
Stars: ✭ 175 (-5.41%)
Mutual labels:  cordova, movie, vue-cli
Vue Objccn
🔥 Use Vue.js to develop a cross-platform full stack application / 用 Vue.js 开发的跨三端应用
Stars: ✭ 1,993 (+977.3%)
Mutual labels:  cordova, vue-cli
IMDb-Rating-Lookup
A python script that lets you check the IMDb rating, genre, cast etc of a movie with one click, without opening the browser.
Stars: ✭ 16 (-91.35%)
Mutual labels:  movie
DoubanMovieJSON
豆瓣电影JSON数据
Stars: ✭ 60 (-67.57%)
Mutual labels:  movie
vue-cli-plugin-cesium
Cesium encapsulation based on Vue cli
Stars: ✭ 108 (-41.62%)
Mutual labels:  vue-cli
Ioniclub
❤️ Ioniclub is hybird mobile app of https://cnodejs.org
Stars: ✭ 35 (-81.08%)
Mutual labels:  cordova
Flutter-Movies-Application
A movies application made with Flutter / Dart.
Stars: ✭ 16 (-91.35%)
Mutual labels:  movie
mobile-app
This project aims to build a modern mobile web-app based on the framework Ionic to improve the functionality of http://mobile.leitstelle122.at/.
Stars: ✭ 22 (-88.11%)
Mutual labels:  cordova
vue2.0-start-
vue2.0 用法,入门好帮手
Stars: ✭ 15 (-91.89%)
Mutual labels:  vue-cli
cordova-set-version
CLI and JavaScript API for setting the version in Apache Cordova config.xml
Stars: ✭ 19 (-89.73%)
Mutual labels:  cordova
framework7-template-single-view
Deprecated! Framework7 single view starter app template
Stars: ✭ 34 (-81.62%)
Mutual labels:  cordova
dore
React Native-base Hybrid Framework, for migrating Cordova and WebView application to React Native.
Stars: ✭ 52 (-71.89%)
Mutual labels:  cordova
cordova-support-google-services
DEPRECATED. Cordova plugin to add google services support
Stars: ✭ 41 (-77.84%)
Mutual labels:  cordova
MovieCards
React App that uses TMDb API to display movie data. Try it out! ->
Stars: ✭ 38 (-79.46%)
Mutual labels:  movie
phonegap-template-vue-f7-split-panel
A Split View PhoneGap template using Vue.js and Framework7 that degrades to a Panel View on smaller devices
Stars: ✭ 17 (-90.81%)
Mutual labels:  cordova
Top15
[EOL] 使用 Top15 在你的网站中展示最近看过/读过/听过的电影/书/音乐!
Stars: ✭ 13 (-92.97%)
Mutual labels:  movie
vue-cli-plugin-chrome-ext
vue cli plugin that setup vue project for chrome extension
Stars: ✭ 86 (-53.51%)
Mutual labels:  vue-cli
shu-scheduling-helper
A web-based timetabler helping SHUers filter and preselect courses easily. SHU排课助手. 上海大学排课助手.
Stars: ✭ 43 (-76.76%)
Mutual labels:  vue-cli
KnzkApp
A Open-Source Mastodon Client
Stars: ✭ 42 (-77.3%)
Mutual labels:  cordova
GoJS-projects
Project examples for GoJS
Stars: ✭ 45 (-75.68%)
Mutual labels:  cordova

基于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. 开发中...

目录结构

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

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].