/vue-douban

基于 vue 实现豆瓣电影

Primary LanguageJavaScript

vue-douban

基于 vue 实现豆瓣电影

运行

  • quick start
git clone git@github.com:shenqingqing/vue-douban.git
cd vue-douban
npm install 

目录结构

|__ src
    |__ App.vue
    |__ components                            
      |__ tabs                                # tab
        |__ board                               # 榜单
        |__ main                                # 关于我
        |__ search                              # 电影搜索
      |__ broad                               # 榜单
      |__ mine                                # 我的
    |__ api                                   # api
      |__ config.js                             # 公用常量
      |__ getMovieData.js                       # 电影模块接口
      |__ requestAxios.js                       # 请求封装
    |__ common                                # 组件
      |__ mrTabbar                              # tab组件
      |__ mrHeader                              # head组件
      |__ mrTopTab                              # tab切换组件
      |__ scroller                              # scroll组件
      |__ js                                    # 公共js方法
        |__ comaxios.js                           # axios配置
        |__ filter.js                             # 过滤器
        |__ rem.js                                # rem
    |__ assets                                # 静态资源
      |__ css                                   # css
      |__ image                                 # 图片
    |__ main.js
    |__ store                                 # vuex
      |__ index.js                              # 全局
      |__ modules                               # 模块
        |__ item.js                               # 电影详情->对应 pages/item
      |__ mutations-type.js                     # mutations 常量
    |__ router                                # 路由
      |__ index.js                              # 路由配置
    |__ mock                                  # mock数据
      |__ mock.js                               # mock接口数据
|__ static                                    # 静态资源
    |__ .gitkeep
    
  • development
npm run dev
  • build
npm run build
持续更新中