Vue2+仿douban app项目

说明

vue仿豆瓣app项目 持续更新中....

技术栈

vue2 + vuex + vue-router + ES6+ fetch + sass + flex + svg+vantUI
版本:
vue: ^2.6.11,
vue-router: ^3.1.6,
vuex: ^3.1.3",
vant: 1
node:12.16.2.0

项目运行

git clone https://github.com/estherzz/vue2-douban
cd vue2-douban
yarn serve (或者 npm ren serve)

接口

根据本人项目需要 自己总结的一些接口

get请求

热门话题
https://www.douban.com/j/gallery/rec_topics?
  {
     query {
         start:,number 条目开始位置(最大47)
         count:, number 条目数量
     }
  }

热门电影
https://movie.douban.com/j/search_subjects
    {
      query {
          type:movie,
          tag:string ‘热门’,
          page_limit:number 条目数量
          page_start:, number 条目开始位置
      }
  }

以下所有接口的前缀为 https://m.douban.com/rexxar/api/v2

电影
/movie/:id?ck=&for_mobile=1
    {
        id:电影id
    }

电影评论
/movie/:id/interests?ck=&for_mobile=1
 {
        id:电影id,
        query:{
            count: number 评论数量,
            order_by: string 评论类型 例 hot
            start: 评论开始截取的位置
        }
    }

主创人员列表
/movie/:id/credits
   {
        id:电影id
    }

主创人员详情
/celebrity/:id/
   {
        id:主创人员id
    }

主创个人作品
/celebrity/:id/works?sort=vote
     {
        query {
           count:number 条目数量
         }
     }


小组首页列表
/group/explore 

小组话题
/group/:id/topics
   {
        id:小组id
    }
/group/topic/:id/comments  小组评论
   {
        id:话题id
    }

话题
    首页中热门/新话题
/gallery/rec_topics
    {
        query {
           start:number 条目开始的位置
           count:number 条目数量
           sort:  string  hot/new
         }
     }

某话题列表
/gallery/topic/:id/items?status_full_text=1&guest_only=0&ck=null
   {
        id:话题id
    }

片单列表
/skynet/playlists?from_rexxar=&
     {
        query {
           start:number 条目开始的位置
           count:number 条目数量
         }
     }

某片单电影列表
/doulist/:id/items  
   {
        id:片单id
    }

两组分类电影列表
/movie/hot_channels

'找电影'模块列表
/movie/suggestion?new_struct=1&with_review=1&for_mobile=1
     {
        query {
           start:number 条目开始的位置
           count:number 条目数量
         }
     }

部分截图

首页
书影音

小组
首页话题详情1
首页话题详情2

话题评论+评论导航粘性定位
电影详情(电影信息+预告+剧照)

电影详情(评论)
片单
小组详情
小组某话题详情

部分gif效果图

底部tabnav切换路由.gif
首页话题详情.gif

电影+电影详情.gif
更多+片单.gif
小组首页.gif

小组详情+话题详情.gif

你可能感兴趣的:(Vue2+仿douban app项目)