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


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

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

    在线demo

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

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

    移动端效果

    APP截图
    APP截图

    启用侧边栏模式

    APP截图

    PC端效果

    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.

  • 相关阅读:
    移动端判断键盘弹出和收起
    【JS】空格分隔手机号
    【vue】中 provide 和 inject 的使用方法
    【vue】中 $parent 和 $children 的使用方法
    第一个COCOS2d项目
    C语言性能优化与基础知识
    OC中的protocol
    OC中的block数据类型
    OC的ARC机制
    OC内存管理
  • 原文地址:https://www.cnblogs.com/10manongit/p/12210001.html
Copyright © 2020-2023  润新知