├── src
    ├── assets
    │   ├── images
    │   │   ├── 1.png
    │   │   ├── 2.png
    │   │   ├── 3.png
    │   │   ├── 4.png
    │   │   ├── 5.png
    │   │   ├── 6.png
    │   │   ├── douban.gif
    │   │   ├── logo.png
    │   │   ├── search.png
    │   │   └── search_icon.png
    │   └── scss
    │   │   └── style.css
    ├── components
    │   ├── nav.vue
    │   ├── head.vue
    │   ├── cell.vue
    │   └── list.vue
    ├── views
    │   ├── book.vue
    │   ├── movie.vue
    │   ├── index.vue
    │   ├── topic.vue
    │   ├── network.vue
    │   ├── group.vue
    │   └── search.vue
    ├── main.js
    ├── routers.js
    └── v1
    │   ├── group.json
    │   ├── book.json
    │   ├── list.json
    │   └── movie.json
├── server.js
├── README.md
├── index.html
├── package.json
└── webpack.config.js


/src/assets/images/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/1.png


--------------------------------------------------------------------------------
/src/assets/images/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/2.png


--------------------------------------------------------------------------------
/src/assets/images/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/3.png


--------------------------------------------------------------------------------
/src/assets/images/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/4.png


--------------------------------------------------------------------------------
/src/assets/images/5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/5.png


--------------------------------------------------------------------------------
/src/assets/images/6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/6.png


--------------------------------------------------------------------------------
/src/assets/images/douban.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/douban.gif


--------------------------------------------------------------------------------
/src/assets/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/logo.png


--------------------------------------------------------------------------------
/src/assets/images/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/search.png


--------------------------------------------------------------------------------
/src/assets/images/search_icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/eltonchan/vueApp/HEAD/src/assets/images/search_icon.png


--------------------------------------------------------------------------------
/src/components/nav.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <nav>
 3 |         <ul class="clearfix">
 4 |             <li><a >ӰԺ��ӳ</a></li>
 5 |             <li><a >ӰԺ��ӳ</a></li>
 6 |             <li><a >ӰԺ��ӳ</a></li>
 7 |             <li><a >ӰԺ��ӳ</a></li>
 8 |         </ul>
 9 |     </nav>
10 |     <div class="section">
11 |         <nv-list :list="info"></nv-list>
12 |     </div>
13 | </template>
14 | <script>
15 | export default {
16 |     data(){
17 |         return {
18 | 
19 |         }
20 |     }
21 | }
22 | </script>
23 | 
24 | 
25 | 
26 | 


--------------------------------------------------------------------------------
/src/views/book.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <nv-cell :info="info"></nv-cell>
 3 | </template>
 4 | 
 5 | <script>
 6 | export default {
 7 |     replace:true,
 8 |     props: {
 9 | 
10 |     },
11 |     data(){
12 |         return {
13 |             info:{}
14 |         }
15 |     },
16 |     ready(){
17 |         let self = this;
18 |         this.$http.get('/src/v1/movie.json').then((res) => {
19 |             self.info = res.data.info;
20 |         })
21 |     },
22 |     components:{
23 |         "nvCell":require('../components/cell.vue')
24 |     }
25 | }
26 | </script>
27 | 
28 | 
29 | 
30 | 
31 | 
32 | 
33 | 
34 | 
35 | 
36 | 
37 | 
38 | 
39 | 
40 | 
41 | 
42 | 


--------------------------------------------------------------------------------
/src/views/movie.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <nv-cell :info="info"></nv-cell>
 3 | </template>
 4 | 
 5 | <script>
 6 | export default {
 7 |     replace:true,
 8 |     props: {
 9 | 
10 |     },
11 |     data(){
12 |         return {
13 |             info:{}
14 |         }
15 |     },
16 |     ready(){
17 |         let self = this;
18 |         this.$http.get('/src/v1/movie.json').then((res) => {
19 |             self.info = res.data.info;
20 |         })
21 |     },
22 |     components:{
23 |         "nvCell":require('../components/cell.vue')
24 |     }
25 | }
26 | </script>
27 | 
28 | 
29 | 
30 | 
31 | 
32 | 
33 | 
34 | 
35 | 
36 | 
37 | 
38 | 
39 | 
40 | 
41 | 
42 | 


--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var webpack = require('webpack');
 4 | var WebpackDevServer = require('webpack-dev-server');
 5 | var config = require('./webpack.config');
 6 | config.entry.unshift('webpack-dev-server/client?http://localhost:8090', "webpack/hot/dev-server");
 7 | config.plugins.push(new webpack.HotModuleReplacementPlugin());
 8 | 
 9 | var proxy = [{
10 |     path: "",
11 |     target: "http://www.jimstyle.cn/",
12 |     host: "http://www.jimstyle.cn/"
13 | }];
14 | 
15 | var app = new WebpackDevServer(webpack(config), {
16 |     publicPath: config.output.publicPath,
17 |     hot:true,
18 |     historyApiFallback: true,
19 |     proxy:proxy
20 | });
21 | app.listen(8090);


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | import Vue from 'vue';
 4 | import VueRouter from 'vue-router';
 5 | import VueResource from 'vue-resource';
 6 | import VueTouch from 'vue-touch';
 7 | import routerMap from './routers';
 8 | import FastClick from 'fastclick';
 9 | require('./assets/scss/reset.css');
10 | require('./assets/scss/style.css');
11 | 
12 | Vue.use(VueResource);
13 | Vue.use(VueRouter);
14 | Vue.use(VueTouch);
15 | //实例化VueRouter
16 | let router = new VueRouter({
17 |     hashbang: false,
18 |     history: false
19 | });
20 | 
21 | Vue.component('nv-head', require('./components/head.vue')); // 注册全局头部
22 | 
23 | let app = Vue.extend({});
24 | 
25 | routerMap(router);
26 | 
27 | router.start(app, "#app");
28 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 
 2 | ## 基于vue 的豆瓣 手机站
 3 | 
 4 | **这是三年前的项目，刚学vue的时候写的，线上地址已经失效，项目不在维护**
 5 | 
 6 | ![image](https://github.com/eltonchan/vueApp/blob/master/src/assets/images/douban.gif)
 7 | 
 8 | ```
 9 | npm install
10 | ```
11 | 启动服务(http://localhost:8090)
12 | 
13 | ```
14 | node server.js
15 | ```
16 | 
17 | ###开发
18 | 
19 | ###目录结构
20 | <pre>
21 | .
22 | ├── README.md           
23 | ├── dist               // 项目build目录
24 | ├── index.html         // 项目入口文件
25 | ├── package.json       // 项目配置文件
26 | ├── src                // 生产目录
27 | │   ├── assets         // css js 和图片资源
28 | │   ├── components     // 各种组件
29 | │   ├── views          // 各种页面
30 | │   ├── filters.js     // 各种过滤器
31 | │   └── main.js        // Webpack 预编译入口
32 | ├── server.js          // webpack-dev-server服务配置
33 | └── webpack.config.js  // Webpack 配置文件
34 | </pre>
35 | 
36 | 
37 | 
38 | 
39 | 
40 | 
41 | 
42 | 


--------------------------------------------------------------------------------
/src/views/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div transition="expand">
 3 |         <nav>
 4 |             <ul class="clearfix">
 5 |                 <li><a >影院热映</a></li>
 6 |                 <li><a >跳蚤市场</a></li>
 7 |                 <li><a >美好的事情</a></li>
 8 |                 <li><a >使用豆瓣App</a></li>
 9 |             </ul>
10 |         </nav>
11 |         <div class="section">
12 |             <nv-list :list="info"></nv-list>
13 |         </div>
14 |     </div>
15 | </template>
16 | <script>
17 | export default {
18 |     data(){
19 |         return {
20 |             info:{}
21 |         }
22 |     },
23 |     ready(){
24 |         let self = this;
25 |         this.$http.get('/src/v1/list.json').then((res) => {
26 |             // success callback
27 |             self.info = res.data.info;
28 |         })
29 |     },
30 |     components:{
31 |         "nvList":require('../components/list.vue')
32 |     }
33 | }
34 | </script>
35 | 
36 | 
37 | 
38 | 


--------------------------------------------------------------------------------
/src/components/head.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <header>
 3 |         <div class="header_inner ui-bottom-line">
 4 |             <div class="header_info ui-flex-justify-center">
 5 |                 <div class="header_left">
 6 |                     <a v-link="{ path: '/' }"></a>
 7 |                 </div>
 8 |                 <div class="header_right">
 9 |                     <a v-link="{ path: '/movie' }">电影</a>
10 |                     <a v-link="{ path: '/book' }">图书</a>
11 |                     <a v-link="{ path: '/network' }">广播</a>
12 |                     <a v-link="{ path: '/group' }">小组</a>
13 |                     <a v-link="{ path: '/search' }"></a>
14 |                 </div>
15 |             </div>
16 |         </div>
17 |     </header>
18 | </template>
19 | <script>
20 |     export default {
21 |         data(){
22 |             return {
23 | 
24 |             }
25 |         }
26 |     }
27 | </script>
28 | 
29 | 
30 | 
31 | 
32 | 
33 | 
34 | 
35 | 
36 | 
37 | 
38 | 
39 | 
40 | 
41 | 
42 | 
43 | 
44 | 
45 | 
46 | 
47 | 
48 | 
49 | 


--------------------------------------------------------------------------------
/src/routers.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | export default function(router){
 4 |     router.map({
 5 |         '/':{				//首页
 6 |             name:'home',
 7 |             component: function(resolve){
 8 |                 require(['./views/index.vue'],resolve);
 9 |             }
10 |         },
11 |         '/movie':{				//电影
12 |             name:'movie',
13 |             component: function(resolve){
14 |                 require(['./views/movie.vue'],resolve);
15 |             }
16 |         },
17 |         '/topic/:id':{               //专题
18 |             name:'topic',
19 |             component: function(resolve){
20 |                 require(['./views/topic.vue'],resolve);
21 |             }
22 |         },
23 |         '/book':{				//书籍
24 |             name:'book',
25 |             component: function(resolve){
26 |                 require(['./views/book.vue'],resolve);
27 |             }
28 |         },
29 |         '/network':{				//广播
30 |             name:'network',
31 |             component: function(resolve){
32 |                 require(['./views/network.vue'],resolve);
33 |             }
34 |         },
35 |         '/group':{				//小组
36 |             name:'group',
37 |             component: function(resolve){
38 |                 require(['./views/group.vue'],resolve);
39 |             }
40 |         },
41 |         '/search':{				//搜索
42 |             name:'search',
43 |             component: function(resolve){
44 |                 require(['./views/search.vue'],resolve);
45 |             }
46 |         }
47 |     })
48 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">    <title>Vue douban</title>
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
 6 |     <meta content="yes" name="apple-mobile-web-app-capable">
 7 |     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 8 |     <meta content="black" name="apple-mobile-web-app-status-bar-style">
 9 |     <script>
10 |         (function() {
11 |             var baseFontSize = 50;
12 |             var baseWidth = 320;
13 |             var clientWidth = document.documentElement.clientWidth || window.innerWidth;
14 |             var innerWidth = Math.max(Math.min(clientWidth, 480), 320);
15 |             var rem = 50;
16 |             if (innerWidth > 362 && innerWidth <= 375) {
17 |                 rem = Math.floor(innerWidth / baseWidth * baseFontSize * 0.9);
18 |             }
19 |             if (innerWidth > 375) {
20 |                 rem = Math.floor(innerWidth / baseWidth * baseFontSize * 0.84);
21 |             }
22 |             window.__baseREM = rem;
23 |             document.querySelector('html').style.fontSize = rem + 'px';
24 |         }());
25 |     </script>
26 |     <link rel="stylesheet" href="/dist/style.css">
27 | </head>
28 | 
29 | <body>
30 |     <div id="app" class="app">
31 |         <nv-head></nv-head>
32 |         <div id="main" class="main">
33 |             <router-view></router-view>
34 |         </div>
35 |     </div>
36 |     <script src="/dist/common.js"></script>
37 |     <script src="/dist/build.js"></script>
38 | </body>
39 | 
40 | </html>
41 | 


--------------------------------------------------------------------------------
/src/v1/group.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "info":[
 3 |     {
 4 |       "title":"租房找室友",
 5 |       "arr": [
 6 |         {
 7 |           "name":"北京CBD租房",
 8 |           "url":"https://img3.doubanio.com/icon/g221207-3.jpg",
 9 |           "num":"20487人",
10 |           "des":"58分钟前发布：北京动物园有精美单间出租拎包入住"
11 |         },
12 |         {
13 |           "name":"上海租房@长宁租房/徐汇/静安租房",
14 |           "url":"https://img3.doubanio.com/icon/g196844-1.jpg",
15 |           "num":"20487人",
16 |           "des":"58分钟前发布：北京动物园有精美单间出租拎包入住"
17 |         },
18 |         {
19 |           "name":"厦门租房",
20 |           "url":"https://img1.doubanio.com/icon/g26926-9.jpg",
21 |           "num":"20487人",
22 |           "des":"58分钟前发布：北京动物园有精美单间出租拎包入住"
23 |         }
24 |       ]
25 |     },
26 |     {
27 |       "title":"来聊五块钱",
28 |       "arr": [
29 |         {
30 |           "name":"北京CBD租房",
31 |           "url":"https://img3.doubanio.com/icon/g221207-3.jpg",
32 |           "num":"20487人",
33 |           "des":"58分钟前发布：北京动物园有精美单间出租拎包入住"
34 |         },
35 |         {
36 |           "name":"上海租房@长宁租房/徐汇/静安租房",
37 |           "url":"https://img3.doubanio.com/icon/g196844-1.jpg",
38 |           "num":"20487人",
39 |           "des":"58分钟前发布：北京动物园有精美单间出租拎包入住"
40 |         },
41 |         {
42 |           "name":"厦门租房",
43 |           "url":"https://img1.doubanio.com/icon/g26926-9.jpg",
44 |           "num":"20487人",
45 |           "des":"58分钟前发布：北京动物园有精美单间出租拎包入住"
46 |         }
47 |       ]
48 |     },
49 |     {
50 |       "title":"买买买",
51 |       "arr": [
52 |         {
53 |           "name":"北京CBD租房",
54 |           "url":"https://img3.doubanio.com/icon/g221207-3.jpg",
55 |           "num":"20487人",
56 |           "des":"58分钟前发布：北京动物园有精美单间出租拎包入住"
57 |         },
58 |         {
59 |           "name":"上海租房@长宁租房/徐汇/静安租房",
60 |           "url":"https://img3.doubanio.com/icon/g196844-1.jpg",
61 |           "num":"20487人",
62 |           "des":"58分钟前发布：北京动物园有精美单间出租拎包入住"
63 |         },
64 |         {
65 |           "name":"厦门租房",
66 |           "url":"https://img1.doubanio.com/icon/g26926-9.jpg",
67 |           "num":"20487人",
68 |           "des":"58分钟前发布：北京动物园有精美单间出租拎包入住"
69 |         }
70 |       ]
71 |     }
72 |   ]
73 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Vueapp",
 3 |   "version": "1.0.0",
 4 |   "description": "yjh",
 5 |   "main": "index.html",
 6 |   "scripts": {
 7 |     "dev": "webpack --progress --profile --colors",
 8 |     "dist": "NODE_ENV=production webpack",
 9 |     "build": "NODE_ENV=production gulp",
10 |     "watch": "webpack-dev-server --hot --inline --progress --colors",
11 |     "server": "node server.js"
12 |   },
13 |   "keywords": [
14 |     "cnode",
15 |     "WebApp",
16 |     "Vue",
17 |     "Webpack"
18 |   ],
19 |   "author": "",
20 |   "license": "ISC",
21 |   "engines": {
22 |     "node": "^4.2.1"
23 |   },
24 |   "devDependencies": {
25 |     "babel-core": "^6.1.2",
26 |     "babel-loader": "^6.1.0",
27 |     "babel-plugin-transform-runtime": "^6.1.2",
28 |     "babel-preset-es2015": "^6.1.2",
29 |     "babel-preset-stage-0": "^6.1.2",
30 |     "babel-runtime": "^5.8.0",
31 |     "css-loader": "^0.23.0",
32 |     "cssnext-loader": "^1.0.1",
33 |     "del": "^2.0.2",
34 |     "eventsource-polyfill": "^0.9.6",
35 |     "exports-loader": "^0.6.2",
36 |     "extract-text-webpack-plugin": "^0.8.2",
37 |     "fastclick": "^1.0.6",
38 |     "file-loader": "^0.8.4",
39 |     "function-bind": "^1.0.2",
40 |     "html-loader": "^0.3.0",
41 |     "inject-loader": "^2.0.1",
42 |     "jasmine-core": "^2.4.1",
43 |     "json-loader": "^0.5.4",
44 |     "rimraf": "^2.5.0",
45 |     "phantomjs-prebuilt": "^2.1.3",
46 |     "lodash": "^3.10.1",
47 |     "markdown": "^0.5.0",
48 |     "md5": "^2.0.0",
49 |     "node-sass": "^3.4.1",
50 |     "object-assign": "^4.0.1",
51 |     "sass-loader": "^3.1.1",
52 |     "simplemde": "^1.8.1",
53 |     "style-loader": "^0.13.0",
54 |     "template-html-loader": "0.0.3",
55 |     "url-loader": "^0.5.7",
56 |     "vue-hot-reload-api": "^1.2.0",
57 |     "vue-html-loader": "^1.0.0",
58 |     "vue-loader": "^7.2.0",
59 |     "vue-resource": "^0.1.17",
60 |     "vue-validator": "^1.4.4",
61 |     "webpack": "^1.12.2",
62 |     "webpack-dev-server": "^1.12.0",
63 |     "webpack-zepto": "0.0.1"
64 |   },
65 |   "dependencies": {
66 |     "vue": "^1.0.4",
67 |     "vue-router": "^0.7.5",
68 |     "vue-touch": "^1.1.0",
69 |     "webpack-dev-server": "^1.14.1"
70 |   }
71 | }
72 | 


--------------------------------------------------------------------------------
/src/assets/scss/style.css:
--------------------------------------------------------------------------------
  1 | header{
  2 |     position: absolute;
  3 |     background: transparent;
  4 |     z-index: 100;
  5 |     left: 0;
  6 |     right:0;
  7 |     top:0;
  8 | }
  9 | .header_inner{
 10 |     padding: 0.2rem 0.3rem;
 11 |     max-width: 576px;
 12 |     width: 100%;
 13 |     margin: 0 auto;
 14 |     background: #fff;
 15 | }
 16 | .header_info{
 17 |     height: 0.44rem;
 18 | }
 19 | .header_left{
 20 |     background: url(../images/logo.png) no-repeat;
 21 |     background-size: cover;
 22 |     height: 22px;
 23 |     width: 46px;
 24 | }
 25 | .header_left a{
 26 |     display: block;
 27 |     width: 100%;
 28 |     height: 100%;
 29 |     font-size: 0;
 30 | }
 31 | .header_right a{
 32 |     margin-left: 0.25rem;
 33 |     font-size: 14px;
 34 |     color:#2384E8;
 35 | }
 36 | .header_right a:nth-child(2){
 37 |     color: #9F7860;
 38 | }
 39 | .header_right a:nth-child(3){
 40 |     color: #E4A813;
 41 | }
 42 | .header_right a:nth-child(4){
 43 |     color: #9F7860;
 44 | }
 45 | .header_right a:nth-child(5){
 46 |     display: inline-block;
 47 |     width: 24px;
 48 |     height: 18px;
 49 |     background: url(../images/search.png) no-repeat;
 50 |     background-size: cover;
 51 |     vertical-align: middle;
 52 |     margin-top: 3px;
 53 | }
 54 | 
 55 | header~div.main{
 56 |     padding-top: 0.82rem;
 57 | }
 58 | nav{
 59 |     padding: 0.1rem 0.3rem;
 60 | }
 61 | nav ul li{
 62 |     width: 48%;
 63 |     float: left;
 64 |     box-sizing: border-box;
 65 |     padding: 3px;
 66 | }
 67 | nav ul li:nth-child(odd){
 68 |     margin-right: 4%;
 69 | }
 70 | nav ul li a{
 71 |     background-color: #f6f6f6;
 72 |     color: #494949;
 73 |     display: block;
 74 |     text-align: center;
 75 |     line-height: 20px;
 76 |     padding: 12px 0;
 77 |     border-radius: 2px;
 78 | }
 79 | 
 80 | 
 81 | /*过渡*/
 82 | .expand-transition {
 83 |     transition: transform .2s ease;
 84 |     -webkit-transition: transform .2s ease;
 85 |     -webkit-transition: -webkit-transform .2s ease;
 86 |     -webkit-transform: translateX(0);
 87 | }
 88 | 
 89 | /* .expand-enter 定义进入的开始状态 */
 90 | /* .expand-leave 定义离开的结束状态 */
 91 | .expand-enter{
 92 |     -webkit-transform: translateX(100%);
 93 | }
 94 | .expand-leave{
 95 |     opacity: 0;
 96 |     height: 0;
 97 |     display:none;
 98 | }
 99 | 
100 | 
101 | 
102 | 
103 | 
104 | 
105 | 
106 | 
107 | 
108 | 
109 | 
110 | 


--------------------------------------------------------------------------------
/src/components/cell.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="movie" transition="expand">
  3 |         <ul>
  4 |             <li class="movie_item" v-for="item in info">
  5 |                 <div class="movie_head ui-flex-align">
  6 |                     <div class="ui-flex-1 movie_head_l">{{item.title}}</div>
  7 |                     <div class="ui-flex-right movie_head_r">更多</div>
  8 |                 </div>
  9 |                 <div class="scroll_pic">
 10 |                     <ul>
 11 |                         <li v-for="list in item.arr">
 12 |                             <a>
 13 |                                 <div class="pic">
 14 |                                     <img :src="list.cover.url"/>
 15 |                                 </div>
 16 |                                 <h3>{{list.title}}</h3>
 17 |                             </a>
 18 |                         </li>
 19 |                     </ul>
 20 |                 </div>
 21 |             </li>
 22 |         </ul>
 23 |     </div>
 24 | </template>
 25 | 
 26 | <script>
 27 |     export default {
 28 |         replace:true,
 29 |         props: {
 30 |             info:{
 31 |                 default:''
 32 |             }
 33 |         }
 34 |     }
 35 | </script>
 36 | 
 37 | <style lang="sass">
 38 |     .movie_item{
 39 |         padding:0.1rem 0.3rem;
 40 |     div.movie_head{
 41 |         padding: 0.2rem 0;
 42 |     .movie_head_l{
 43 |         color: #111;
 44 |         font-size:16px;
 45 |     }
 46 |     .movie_head_r{
 47 |         color: #42bd56;
 48 |         font-size:14px;
 49 |     }
 50 |     }
 51 |     div.scroll_pic{
 52 |     ul{
 53 |         position: relative;
 54 |         overflow-x: auto;
 55 |         overflow-y: hidden;
 56 |     li{
 57 |         display: inline-block;
 58 |         width: 33%;
 59 |         box-sizing: border-box;
 60 |         padding: 5px;
 61 |         height: 3.4rem;
 62 |     a{
 63 |         display: block;
 64 |         width: 100%;
 65 |         height: 100%;
 66 |     div.pic{
 67 |         width: 100%;
 68 |         height: 2.8rem;
 69 |     }
 70 |     h3{
 71 |         overflow: hidden;
 72 |         text-overflow: ellipsis;
 73 |         white-space: nowrap;
 74 |         word-wrap: normal;
 75 |         color: #111;
 76 |         font-size: 15px;
 77 |         padding: 0.2rem 0;
 78 |         text-align: center;
 79 |     }
 80 | 
 81 |     }
 82 |     }
 83 |     }
 84 |     }
 85 |     }
 86 | </style>
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | 
 96 | 
 97 | 
 98 | 
 99 | 
100 | 


--------------------------------------------------------------------------------
/src/views/topic.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="topic" transition="expand">
  3 |         <h1 class="topic_title">所谓现场被人诟病，那么就在录音棚里找回自信。</h1>
  4 |         <div class="topic_top">
  5 |             <img src="https://img1.doubanio.com/icon/u80964086-7.jpg">
  6 |             <span>猫仔</span>
  7 |         </div>
  8 |         <div class="topic_info">
  9 |             <p>先简单概括一下这一张专辑：有趣且自信。</p>
 10 |             <div class="topic_pic">
 11 |                 <img src="https://img3.doubanio.com/view/thing_review/large/public/p263412.jpg">
 12 |             </div>
 13 |             <p>记得BritneyJean时期有人发推问制作人这张专辑Britney的声音会不会被处理过度，当时制作人回复是不会让她的声音被过度处理，还原最真实的britney的声音。如果说BJ时期是一场在电音时代"Britney's VOCAL的探索"，那么Glory可谓是将Britney的Vocal玩出了新的高度（其实我认为在Blackout之前Britney在录音室专辑里的声音都是接近真实的，所以这里的"探索"特指从Blackout后的电音时代）！并且可以让你知道Britney的声音可以有很高的可塑性。如同What You Need最后Britney的那一句：That was fun! Glory不光是在探索或是实验，我们听到的更多的其实是Britney对音乐自信的玩趣。</p>
 14 |         </div>
 15 |     </div>
 16 | </template>
 17 | 
 18 | <script>
 19 | export default {
 20 |     replace:true,
 21 |     props: {
 22 | 
 23 |     },
 24 |     data(){
 25 |         return {
 26 |             info:{}
 27 |         }
 28 |     },
 29 |     ready(){
 30 |         console.log(this.$route.params.id); //当前路径的id
 31 |     }
 32 | }
 33 | </script>
 34 | 
 35 | <style lang="sass">
 36 | .topic_title{
 37 |         margin: 20px 0.3rem 5px;
 38 |         font-size: 20px;
 39 |         line-height: 28px;
 40 |         word-break: break-all;
 41 |     }
 42 |     .topic_top {
 43 |         padding: 0.1rem 0.3rem;
 44 |         line-height: 24px;
 45 |         img{
 46 |             display: inline;
 47 |             width: 22px;
 48 |             height: 22px;
 49 |             vertical-align: middle;
 50 |             border-radius: 100%;
 51 |             overflow: hidden;
 52 |             margin-right: 5px;
 53 |         }
 54 |         span{
 55 |             font-size: 14px;
 56 |             color: #494949;
 57 |         }
 58 |     }
 59 |     .topic_info{
 60 |         padding: 0.1rem 0.3rem;
 61 |         .topic_pic{
 62 |             width: 100%;
 63 |             margin: 10px 0;
 64 |         }
 65 |         p{
 66 |             font-size: 16px;
 67 |             line-height: 20px;
 68 |             color: #494949;
 69 |             word-wrap: break-word;
 70 |         }
 71 |     }
 72 | </style>
 73 | 
 74 | 
 75 | 
 76 | 
 77 | 
 78 | 
 79 | 
 80 | 
 81 | 
 82 | 
 83 | 
 84 | 
 85 | 
 86 | 
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | 
 96 | 
 97 | 
 98 | 
 99 | 
100 | 
101 | 
102 | 
103 | 
104 | 
105 | 
106 | 
107 | 
108 | 
109 | 
110 | 
111 | 
112 | 
113 | 
114 | 
115 | 
116 | 
117 | 
118 | 
119 | 
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 
130 | 
131 | 
132 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | var path = require('path');
 4 | var webpack = require("webpack");
 5 | var ExtractTextPlugin = require("extract-text-webpack-plugin");
 6 | var vue = require("vue-loader");
 7 | var isProduction = function() {
 8 |     return process.env.NODE_ENV === 'production';
 9 | };
10 | 
11 | //webpack插件
12 | var plugins = [
13 |     //提公用js到common.js文件中
14 |     new webpack.optimize.CommonsChunkPlugin('common.js'),
15 |     //将样式统一发布到style.css中
16 |     new ExtractTextPlugin("style.css", {
17 |         allChunks: true,
18 |         disable: false
19 |     }),
20 |     // 使用 ProvidePlugin 加载使用率高的依赖库
21 |     new webpack.ProvidePlugin({
22 |       $: 'webpack-zepto'
23 |     })
24 | ];
25 | var entry = ['./src/main'],
26 |     cdnPrefix = "",
27 |     buildPath = "/dist/",
28 |     publishPath = cdnPrefix + buildPath;
29 | //生产环境js压缩和图片cdn
30 | if (isProduction()) {
31 |     //plugins.push(new webpack.optimize.UglifyJsPlugin());
32 |     cdnPrefix = "";
33 |     publishPath = cdnPrefix;
34 | }
35 | 
36 | //编译输出路径
37 | module.exports = {
38 |     debug: true,
39 |     entry: entry,
40 |     output: {
41 |         path: __dirname + buildPath,
42 |         filename: 'build.js',
43 |         publicPath: publishPath,
44 |         chunkFilename:"[id].build.js?[chunkhash]"
45 |     },
46 |     module: {
47 |         loaders: [{
48 |             test: /\.vue$/,
49 |             loader: 'vue',
50 |         }, {
51 |             test: /\.scss$/,
52 |             loader: ExtractTextPlugin.extract(
53 |                 "style-loader", 'css-loader?sourceMap!sass-loader!cssnext-loader')
54 |         }, {
55 |             test: /\.css$/,
56 |             loader: ExtractTextPlugin.extract(
57 |                 "style-loader", "css-loader?sourceMap!cssnext-loader")
58 |         }, {
59 |             test: /\.js$/,
60 |             exclude: /node_modules|vue\/dist/,
61 |             loader: 'babel'
62 |         },{
63 |             test: /\.(jpg|png|gif)$/,
64 |             loader: "file-loader?name=images/[hash].[ext]"
65 |         }, {
66 |             test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
67 |             loader: "url-loader?limit=10000&minetype=application/font-woff"
68 |         }, {
69 |             test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
70 |             loader: "file-loader"
71 |         }, {
72 |             test: /\.json$/,
73 |             loader: 'json'
74 |         }, {
75 |             test: /\.(html|tpl)$/,
76 |             loader: 'html-loader'
77 |         }]
78 |     },
79 |     vue: {
80 |         css: ExtractTextPlugin.extract("css"),
81 |         sass: ExtractTextPlugin.extract("css!sass-loader")
82 |     },
83 |     babel: {
84 |         presets: ['es2015', 'stage-0'],
85 |         plugins: ['transform-runtime']
86 |     },
87 |     resolve: {
88 |         // require时省略的扩展名，如：require('module') 不需要module.js
89 |         extension: ['', '.js'],
90 |         //别名
91 |         alias: {
92 |             filter: path.join(__dirname, 'src/filters')
93 |         }
94 |     },
95 |     plugins: plugins,
96 |     devtool: '#source-map'
97 | };
98 | 


--------------------------------------------------------------------------------
/src/views/network.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="network" transition="expand">
  3 |         <div class="weui_cells weui_cells_form">
  4 |             <div class="weui_cell">
  5 |                 <div class="weui_cell_hd"><label class="weui_label">用户名</label></div>
  6 |                 <div class="weui_cell_bd weui_cell_primary">
  7 |                     <input class="weui_input" type="text"  placeholder="请输入用户名">
  8 |                 </div>
  9 |             </div>
 10 |             <div class="weui_cell">
 11 |                 <div class="weui_cell_hd"><label class="weui_label">密码</label></div>
 12 |                 <div class="weui_cell_bd weui_cell_primary">
 13 |                     <input class="weui_input" type="password"  placeholder="请输入密码">
 14 |                 </div>
 15 |             </div>
 16 |             <div class="weui_cell">
 17 |                 <div class="weui_cell_hd"><label class="weui_label">验证码</label></div>
 18 |                 <div class="weui_cell_bd weui_cell_primary">
 19 |                     <input class="weui_input" type="password"  placeholder="请输入验证码">
 20 |                 </div>
 21 |             </div>
 22 |         </div>
 23 |         <div class="weui_btn_area">
 24 |             <a class="weui_btn weui_btn_primary" href="javascript:" id="showTooltips">确定</a>
 25 |         </div>
 26 |     </div>
 27 | </template>
 28 | 
 29 | <script>
 30 | export default {
 31 |     replace:true,
 32 |     props: {
 33 | 
 34 |     },
 35 |     data(){
 36 |         return {
 37 |             info:{}
 38 |         }
 39 |     },
 40 |     ready(){
 41 | 
 42 |     }
 43 | }
 44 | </script>
 45 | 
 46 | <style lang="sass">
 47 | .movie_item{
 48 |         padding:0.1rem 0.3rem;
 49 |         div.movie_head{
 50 |             padding: 0.2rem 0;
 51 |             .movie_head_l{
 52 |                 color: #111;
 53 |                 font-size:16px;
 54 |             }
 55 |             .movie_head_r{
 56 |                 color: #42bd56;
 57 |                 font-size:14px;
 58 |             }
 59 |         }
 60 |         div.scroll_pic{
 61 |             ul{
 62 |                 position: relative;
 63 |                 overflow-x: auto;
 64 |                 overflow-y: hidden;
 65 |                 li{
 66 |                     display: inline-block;
 67 |                     width: 33%;
 68 |                     box-sizing: border-box;
 69 |                     padding: 5px;
 70 |                     height: 3.4rem;
 71 |                     a{
 72 |                         display: block;
 73 |                         width: 100%;
 74 |                         height: 100%;
 75 |                         div.pic{
 76 |                             width: 100%;
 77 |                             height: 2.8rem;
 78 |                         }
 79 |                     h3{
 80 |                         overflow: hidden;
 81 |                         text-overflow: ellipsis;
 82 |                         white-space: nowrap;
 83 |                         word-wrap: normal;
 84 |                         color: #111;
 85 |                         font-size: 15px;
 86 |                         padding: 0.2rem 0;
 87 |                         text-align: center;
 88 |                     }
 89 | 
 90 |                 }
 91 |             }
 92 |         }
 93 |     }
 94 | }
 95 | </style>
 96 | 
 97 | 
 98 | 
 99 | 
100 | 
101 | 
102 | 
103 | 
104 | 
105 | 
106 | 
107 | 
108 | 
109 | 
110 | 
111 | <style lang="sass">
112 | 
113 | </style>
114 | 
115 | 
116 | 
117 | 
118 | 
119 | 
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 
130 | 


--------------------------------------------------------------------------------
/src/views/group.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div
  3 |         class="group"
  4 |         transition="expand">
  5 |         <ul>
  6 |             <li
  7 |                 class="group_item"
  8 |                 v-for="item in info">
  9 |                 <h3>{{item.title}}</h3>
 10 |                 <ul class="group_list">
 11 |                     <li
 12 |                         class="ui-bottom-line"
 13 |                         v-for="list in item.arr">
 14 |                         <a>
 15 |                             <div class="ui-flex-align">
 16 |                                 <div class="ui-flex-left group_list_l">
 17 |                                     <img :src="list.url"/>
 18 |                                 </div>
 19 |                                 <div class="ui-flex-1 group_list_m">
 20 |                                     {{list.name}}
 21 |                                 </div>
 22 |                                 <div class="group_list_r">{{list.num}}</div>
 23 |                             </div>
 24 |                             <p>{{list.des}}</p>
 25 |                         </a>
 26 |                     </li>
 27 |                 </ul>
 28 |                 <div class="group_more ui-bottom-line">更多相关小组</div>
 29 |             </li>
 30 |         </ul>
 31 |     </div>
 32 | </template>
 33 | 
 34 | <script>
 35 | export default {
 36 |     replace:true,
 37 |     props: {
 38 | 
 39 |     },
 40 |     data(){
 41 |         return {
 42 |             info:{}
 43 |         }
 44 |     },
 45 |     ready(){
 46 |         let self = this;
 47 |         this.$http.get('/src/v1/group.json').then((res) => {
 48 |             self.info = res.data.info;
 49 |         })
 50 |     }
 51 | }
 52 | </script>
 53 | 
 54 | <style lang="sass">
 55 |     .group_item{
 56 |         padding:0.2rem 0.3rem;
 57 |         h3{
 58 |             padding: 4px 0;
 59 |             font-size: 18px;
 60 |             color: #111;
 61 |         }
 62 |         .group_list{
 63 |             li{
 64 |                 a{
 65 |                     display: block;
 66 |                     width: 100%;
 67 |                     height: 100%;
 68 |                     box-sizing: border-box;
 69 |                     padding: 0.1rem 0 0.3rem;
 70 |                     p{
 71 |                         font-size: 14px;
 72 |                         color: #aaa;
 73 |                         white-space: nowrap;
 74 |                         overflow: hidden;
 75 |                         text-overflow: ellipsis;
 76 |                         padding: 8px 0 0;
 77 |                     }
 78 |                     div.group_list_l{
 79 |                         width: 40px;
 80 |                         height: 40px;
 81 |                     }
 82 |                     div.group_list_m{
 83 |                         padding-left: 10px;
 84 |                         padding-right: 10px;
 85 |                         white-space: nowrap;
 86 |                         overflow: hidden;
 87 |                         text-overflow: ellipsis;
 88 |                         font-size: 16px;
 89 |                         color: #111;
 90 |                     }
 91 |                     div.group_list_r{
 92 |                         color: #ccc;
 93 |                         font-size: 14px;
 94 |                     }
 95 |                 }
 96 |             }
 97 |         }
 98 |     }
 99 |     .group_more{
100 |         text-align: center;
101 |         padding: 0.25rem 0;
102 |         color: #42bd56;
103 |         font-size: 15px;
104 |     }
105 | </style>
106 | 
107 | 
108 | 
109 | 
110 | 
111 | 
112 | 
113 | 
114 | 
115 | 
116 | 
117 | 
118 | 
119 | 
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 
130 | 
131 | 
132 | 
133 | 


--------------------------------------------------------------------------------
/src/views/search.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="search" transition="expand">
  3 |         <div class="ui-bottom-line">
  4 |             <div class="search_head ui-flex-align">
  5 |                 <div class="ui-flex-left search_l"
  6 |                      @click="close"
  7 |                         >关闭</div>
  8 |                 <div class="ui-flex-1">
  9 |                     <div class="search_m"></div>
 10 |                 </div>
 11 |             </div>
 12 |         </div>
 13 |         <div class="search_item">
 14 |             <ul class="clearfix">
 15 |                 <li>
 16 |                     <h3>电影</h3>
 17 |                     <p>影院热映</p>
 18 |                 </li>
 19 |                 <li>
 20 |                     <h3>电视</h3>
 21 |                     <p>影院热映</p>
 22 |                 </li>
 23 |                 <li>
 24 |                     <h3>图书</h3>
 25 |                     <p>影院热映</p>
 26 |                 </li>
 27 |                 <li>
 28 |                     <h3>同城</h3>
 29 |                     <p>影院热映</p>
 30 |                 </li>
 31 |                 <li>
 32 |                     <h3>小组</h3>
 33 |                     <p>影院热映</p>
 34 |                 </li>
 35 |                 <li>
 36 |                     <h3>音乐</h3>
 37 |                     <p>影院热映</p>
 38 |                 </li>
 39 |                 <li>
 40 |                     <h3>电影</h3>
 41 |                     <p>影院热映</p>
 42 |                 </li>
 43 |                 <li>
 44 |                     <h3>电视</h3>
 45 |                     <p>影院热映</p>
 46 |                 </li>
 47 |                 <li>
 48 |                     <h3>图书</h3>
 49 |                     <p>影院热映</p>
 50 |                 </li>
 51 |             </ul>
 52 |         </div>
 53 |         <div class="ui-two-line search_foot">
 54 |             <div class="ui-flex search_foot_con">
 55 |                 <div class="search_foot_l ui-flex-1">注册</div>
 56 |                 <div class="search_foot_m">|</div>
 57 |                 <div class="search_foot_l ui-flex-1">登陆</div>
 58 |             </div>
 59 |         </div>
 60 |     </div>
 61 | </template>
 62 | 
 63 | <script>
 64 | export default {
 65 |     replace:true,
 66 |     props: {
 67 | 
 68 |     },
 69 |     data(){
 70 |         return {
 71 |             info:{}
 72 |         }
 73 |     },
 74 |     ready(){
 75 | 
 76 |     },
 77 |     methods:{
 78 |         close(){
 79 |             history.back();
 80 |         }
 81 |     }
 82 | }
 83 | </script>
 84 | 
 85 | <style lang="sass">
 86 |     .search{
 87 |         position: fixed;
 88 |         z-index: 200;
 89 |         width: 100%;
 90 |         height: 100%;
 91 |         top:0;
 92 |         left: 0;
 93 |         background: #fff;
 94 |         .search_head{
 95 |             padding: 0.3rem;
 96 |             .search_l{
 97 |                 color: #42bd56;
 98 |                 font-size: 16px;
 99 |             }
100 |             .search_m{
101 |                 width: 240px;
102 |                 height: 30px;
103 |                 background-image: url("../assets/images/search_icon.png");
104 |                 background-position: center;
105 |                 background-repeat: no-repeat;
106 |                 background-size: 17px;
107 |                 background-color: #f3f3f3;
108 |                 border-radius: 3px;
109 |                 margin-left: 10px;
110 |             }
111 |         }
112 |     }
113 |     .search_item{
114 |         ul{
115 |             padding:10px 0;
116 |             li{
117 |                 width: 33.33%;
118 |                 box-sizing: border-box;
119 |                 padding:5px;
120 |                 text-align: center;
121 |                 float: left;
122 |                 h3{
123 |                     font-size: 20px;
124 |                     color: rgb(35, 132, 232);
125 |                 }
126 |                 p{
127 |                     color: #999;
128 |                     height: 15px;
129 |                     font-size: 12px;
130 |                     letter-spacing: 1px;
131 |                     margin-top: 5px;
132 |                 }
133 |             }
134 |         }
135 |     }
136 |     .search_foot{
137 |         padding: 0.2rem 0;
138 |         .search_foot_l{
139 |             text-align: center;
140 |              font-size: 15px;
141 |             color: #42bd56;;
142 |         }
143 |         .search_foot_m{
144 |             font-size: 14px;
145 |             color: #999;
146 |         }
147 |     }
148 | </style>
149 | 
150 | 
151 | 
152 | 
153 | 
154 | 
155 | 
156 | 
157 | 
158 | 
159 | 
160 | 
161 | 
162 | 
163 | 
164 | 
165 | 
166 | 
167 | 
168 | 
169 | 
170 | 
171 | 
172 | 
173 | 
174 | 
175 | 
176 | 
177 | 
178 | 
179 | 
180 | 
181 | 
182 | 
183 | 
184 | 
185 | 
186 | 
187 | 
188 | 
189 | 
190 | 
191 | 
192 | 
193 | 
194 | 
195 | 
196 | 
197 | 
198 | 
199 | 
200 | 
201 | 
202 | 
203 | 
204 | 
205 | 
206 | 
207 | 
208 | 


--------------------------------------------------------------------------------
/src/components/list.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div class="info">
  3 |         <ul>
  4 |             <li class="ui-bottom-line" v-for="item in list">
  5 |                 <a v-link="{ name: 'topic', params: { id: item.id }}">
  6 |                     <div class="info_head ui-flex-align">
  7 |                         <div class="ui-flex-left info_head_l">
  8 |                             <img :src="item.author.avatar"/>
  9 |                         </div>
 10 |                         <div class="ui-flex-1 info_head_m">{{item.author.name}}</div>
 11 |                         <div class="info_head_r">
 12 |                             <span>{{item.column.name}}</span>
 13 |                         </div>
 14 |                     </div>
 15 |                     <div class="info_main ui-flex">
 16 |                         <div class="ui-flex-1 info_main_l">
 17 |                             <h3 class="line-3">{{item.title}}</h3>
 18 |                         </div>
 19 |                         <div class="info_main_r">
 20 |                             <img :src="item.cover_url"/>
 21 |                         </div>
 22 |                     </div>
 23 |                     <div class="info_foot">
 24 |                         <p class="line-6">{{item.desc}}</p>
 25 |                         <div class="info_feed">
 26 |                             <i class="likers_num"></i>
 27 |                             <span>{{item.likers_count}}</span>
 28 |                             <i class="comment_num"></i>
 29 |                             <span>{{item.comment_count}}</span>
 30 |                         </div>
 31 |                     </div>
 32 |                 </a>
 33 |             </li>
 34 |         </ul>
 35 |     </div>
 36 | </template>
 37 | <script>
 38 |     export default {
 39 |         replace:true,
 40 |         props: ['list']
 41 |     }
 42 | </script>
 43 | <style lang="sass">
 44 |     .info{
 45 |         padding: 0.2rem 0;
 46 |         li{
 47 |             &.ui-bottom-line:before{
 48 |                 left: 0.3rem;
 49 |             }
 50 |              &:last-child:before{
 51 |                 display: none;
 52 |               }
 53 |             a{
 54 |                 display: block;
 55 |                 width: 100%;
 56 |                 height: 100%;
 57 |                 padding: 0.2rem 0.3rem;
 58 |                 div.info_head_l{
 59 |                     width: 18px;
 60 |                     height: 18px;
 61 |                     border-radius:100%;
 62 |                     overflow:hidden;
 63 |                     img{
 64 |                         display: block;
 65 |                         width: 100%;
 66 |                         height: 100%;
 67 |                     }
 68 |                 }
 69 |                 div.info_head_m{
 70 |                     font-size: 12px;
 71 |                     color: #494949;
 72 |                     padding-left: 6px;
 73 |                 }
 74 |                 div.info_head_r{
 75 |                     span{
 76 |                         display: inline-block;
 77 |                         padding: 2px 5px;
 78 |                         border: 1px solid #ccc;
 79 |                         border-radius: 3px;
 80 |                         font-size: 12px;
 81 |                         color:#aaa;
 82 |                     }
 83 |                 }
 84 |                 div.info_main{
 85 |                     padding: 0.2rem 0;
 86 |                     div.info_main_l{
 87 |                         h3{
 88 |                             font-size: 16px;
 89 |                             line-height: 1.4;
 90 |                             padding-right:0.4rem;
 91 |                             color: #494949;
 92 |                             text-indent: 10px;
 93 |                         }
 94 |                     }
 95 |                     div.info_main_r{
 96 |                         width: 1.4rem;
 97 |                         height: 1.4rem;
 98 |                         background-repeat:no-repeat;
 99 |                         background-size: cover;
100 |                     }
101 |                 }
102 |                 div.info_foot{
103 |                     p{
104 |                         color: #aaa;
105 |                         font-size: 13px;
106 |                         line-height: 1.4;
107 |                     }
108 |                     div.info_feed{
109 |                         padding: 0.2rem 0 0;
110 |                         span{
111 |                             font-size: 12px;
112 |                             color: #d4d4d4;
113 |                         }
114 |                         i{
115 |                             display: inline-block;
116 |                             width: 12px;
117 |                             height: 12px;
118 |                             vertical-align: middle;
119 |                             margin-right: 4px;
120 |                             margin-top: -1px;
121 |                             &.likers_num{
122 |                                  background: url(https://img3.doubanio.com/f/talion/625409635d46500ea6f2f461cbb19cf657c09683/pics/card/ic_like_feed.svg) center no-repeat;
123 |                              }
124 |                             &.comment_num{
125 |                             margin-left: 4px;
126 |                              background:url(https://img3.doubanio.com/f/talion/3c568730f3142cfd7fb2de8a3938fb960ccb475c/pics/card/ic_comments_feed.svg) center no-repeat;
127 |                             }
128 |                         }
129 |                     }
130 |                 }
131 |             }
132 |         }
133 |     }
134 | </style>


--------------------------------------------------------------------------------
/src/v1/book.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "info":[
  3 |     {
  4 |       "title":"最受关注图书｜虚构类",
  5 |       "arr": [
  6 |         {
  7 |           "original_price": null,
  8 |           "description": "",
  9 |           "rating": {
 10 |             "count": 238,
 11 |             "max": 10,
 12 |             "value": 8.8913
 13 |           },
 14 |           "price": null,
 15 |           "actions": [],
 16 |           "date": null,
 17 |           "id": "26766562",
 18 |           "info": "朱岳/北京联合出版公司·后浪出版公司/2016-8",
 19 |           "title": "蒙着眼睛的旅行者",
 20 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26766562/",
 21 |           "cover": {
 22 |             "url": "https://img3.doubanio.com/lpic/s28846242.jpg",
 23 |             "width": 307,
 24 |             "shape": "rectangle",
 25 |             "height": 400
 26 |           },
 27 |           "uri": "douban://douban.com/book/26766562",
 28 |           "subtype": "",
 29 |           "reviewer_name": "",
 30 |           "type": "book"
 31 |         },
 32 |         {
 33 |           "original_price": null,
 34 |           "description": "",
 35 |           "rating": {
 36 |             "count": 240,
 37 |             "max": 10,
 38 |             "value": 7.7152
 39 |           },
 40 |           "price": null,
 41 |           "actions": [
 42 |             "可阅读"
 43 |           ],
 44 |           "date": null,
 45 |           "id": "26723433",
 46 |           "info": "[美] 保罗·奥斯特/人民文学出版社/2016-6",
 47 |           "title": "冬日笔记",
 48 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26723433/",
 49 |           "cover": {
 50 |             "url": "https://img3.doubanio.com/lpic/s28620245.jpg",
 51 |             "width": 124,
 52 |             "shape": "rectangle",
 53 |             "height": 124
 54 |           },
 55 |           "uri": "douban://douban.com/book/26723433",
 56 |           "subtype": "",
 57 |           "reviewer_name": "",
 58 |           "type": "book"
 59 |         },
 60 |         {
 61 |           "original_price": null,
 62 |           "description": "",
 63 |           "rating": {
 64 |             "count": 555,
 65 |             "max": 10,
 66 |             "value": 7.78346
 67 |           },
 68 |           "price": null,
 69 |           "actions": [
 70 |             "可阅读"
 71 |           ],
 72 |           "date": null,
 73 |           "id": "26805297",
 74 |           "info": "王大根/江西人民出版社/2016-7-1",
 75 |           "title": "我必须恋爱的理由",
 76 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26805297/",
 77 |           "cover": {
 78 |             "url": "https://img3.doubanio.com/lpic/s28777181.jpg",
 79 |             "width": 300,
 80 |             "shape": "rectangle",
 81 |             "height": 400
 82 |           },
 83 |           "uri": "douban://douban.com/book/26805297",
 84 |           "subtype": "",
 85 |           "reviewer_name": "",
 86 |           "type": "book"
 87 |         },
 88 |         {
 89 |           "original_price": null,
 90 |           "description": "",
 91 |           "rating": {
 92 |             "count": 244,
 93 |             "max": 10,
 94 |             "value": 8.70064
 95 |           },
 96 |           "price": null,
 97 |           "actions": [
 98 |             "可阅读"
 99 |           ],
100 |           "date": null,
101 |           "id": "26791998",
102 |           "info": "邓安庆/人民文学出版社/2016-6",
103 |           "title": "山中的糖果",
104 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26791998/",
105 |           "cover": {
106 |             "url": "https://img3.doubanio.com/lpic/s28753282.jpg",
107 |             "width": 300,
108 |             "shape": "rectangle",
109 |             "height": 400
110 |           },
111 |           "uri": "douban://douban.com/book/26791998",
112 |           "subtype": "",
113 |           "reviewer_name": "",
114 |           "type": "book"
115 |         },
116 |         {
117 |           "original_price": null,
118 |           "description": "",
119 |           "rating": {
120 |             "count": 171,
121 |             "max": 10,
122 |             "value": 8.62886
123 |           },
124 |           "price": null,
125 |           "actions": [
126 |             "可阅读"
127 |           ],
128 |           "date": null,
129 |           "id": "26765928",
130 |           "info": "[美] 约翰·威廉斯/世纪文景/上海人民出版社/2016-7",
131 |           "title": "屠夫十字镇",
132 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26765928/",
133 |           "cover": {
134 |             "url": "https://img3.doubanio.com/lpic/s28712182.jpg",
135 |             "width": 307,
136 |             "shape": "rectangle",
137 |             "height": 400
138 |           },
139 |           "uri": "douban://douban.com/book/26765928",
140 |           "subtype": "",
141 |           "reviewer_name": "",
142 |           "type": "book"
143 |         },
144 |         {
145 |           "original_price": null,
146 |           "description": "",
147 |           "rating": {
148 |             "count": 966,
149 |             "max": 10,
150 |             "value": 8.4186
151 |           },
152 |           "price": null,
153 |           "actions": [],
154 |           "date": null,
155 |           "id": "26356515",
156 |           "info": "[美] J.J.艾布拉姆斯/[美] 道格·道斯特/中信出版集团/2016-6-6",
157 |           "title": "S.",
158 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26356515/",
159 |           "cover": {
160 |             "url": "https://img1.doubanio.com/lpic/s28813569.jpg",
161 |             "width": 628,
162 |             "shape": "rectangle",
163 |             "height": 432
164 |           },
165 |           "uri": "douban://douban.com/book/26356515",
166 |           "subtype": "",
167 |           "reviewer_name": "",
168 |           "type": "book"
169 |         },
170 |         {
171 |           "original_price": null,
172 |           "description": "",
173 |           "rating": {
174 |             "count": 1472,
175 |             "max": 10,
176 |             "value": 7.45926
177 |           },
178 |           "price": null,
179 |           "actions": [
180 |             "可阅读"
181 |           ],
182 |           "date": null,
183 |           "id": "26787941",
184 |           "info": "[美] 加·泽文/江苏凤凰文艺出版社/2016-6-1",
185 |           "title": "玛格丽特小镇",
186 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26787941/",
187 |           "cover": {
188 |             "url": "https://img3.doubanio.com/lpic/s28738251.jpg",
189 |             "width": 280,
190 |             "shape": "rectangle",
191 |             "height": 400
192 |           },
193 |           "uri": "douban://douban.com/book/26787941",
194 |           "subtype": "",
195 |           "reviewer_name": "",
196 |           "type": "book"
197 |         },
198 |         {
199 |           "original_price": null,
200 |           "description": "",
201 |           "rating": {
202 |             "count": 581,
203 |             "max": 10,
204 |             "value": 8.0878
205 |           },
206 |           "price": null,
207 |           "actions": [],
208 |           "date": null,
209 |           "id": "26787931",
210 |           "info": "[日] 奥田英朗/南海出版公司/2016-7",
211 |           "title": "精神科的故事：在游泳池",
212 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26787931/",
213 |           "cover": {
214 |             "url": "https://img1.doubanio.com/lpic/s28851079.jpg",
215 |             "width": 259,
216 |             "shape": "rectangle",
217 |             "height": 400
218 |           },
219 |           "uri": "douban://douban.com/book/26787931",
220 |           "subtype": "",
221 |           "reviewer_name": "",
222 |           "type": "book"
223 |         }
224 |       ]
225 |     },
226 |     {
227 |       "title":"最受关注图书｜非虚构类",
228 |       "arr": [
229 |         {
230 |           "original_price": null,
231 |           "description": "",
232 |           "rating": {
233 |             "count": 207,
234 |             "max": 10,
235 |             "value": 8.30796
236 |           },
237 |           "price": null,
238 |           "actions": [
239 |             "可阅读"
240 |           ],
241 |           "date": null,
242 |           "id": "26794598",
243 |           "info": "[美] 梅•萨藤/理想国 | 广西师范大学出版社/2016-6",
244 |           "title": "过去的痛",
245 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26794598/",
246 |           "cover": {
247 |             "url": "https://img3.doubanio.com/lpic/s28727241.jpg",
248 |             "width": 300,
249 |             "shape": "rectangle",
250 |             "height": 400
251 |           },
252 |           "uri": "douban://douban.com/book/26794598",
253 |           "subtype": "",
254 |           "reviewer_name": "",
255 |           "type": "book"
256 |         },
257 |         {
258 |           "original_price": null,
259 |           "description": "",
260 |           "rating": {
261 |             "count": 358,
262 |             "max": 10,
263 |             "value": 7.8206
264 |           },
265 |           "price": null,
266 |           "actions": [],
267 |           "date": null,
268 |           "id": "26782113",
269 |           "info": "[日] 岩崎朋子/九州出版社·阳光博客/2016-6",
270 |           "title": "筑巢记",
271 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26782113/",
272 |           "cover": {
273 |             "url": "https://img1.doubanio.com/lpic/s28671619.jpg",
274 |             "width": 267,
275 |             "shape": "rectangle",
276 |             "height": 400
277 |           },
278 |           "uri": "douban://douban.com/book/26782113",
279 |           "subtype": "",
280 |           "reviewer_name": "",
281 |           "type": "book"
282 |         },
283 |         {
284 |           "original_price": null,
285 |           "description": "",
286 |           "rating": {
287 |             "count": 70,
288 |             "max": 10,
289 |             "value": 8.4133
290 |           },
291 |           "price": null,
292 |           "actions": [],
293 |           "date": null,
294 |           "id": "26816981",
295 |           "info": "[英]杰里·布罗顿/Jerry Brotton/后浪出版公司·浙江人民出版社/2016-8",
296 |           "title": "十二幅地图中的世界史",
297 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26816981/",
298 |           "cover": {
299 |             "url": "https://img1.doubanio.com/lpic/s28811898.jpg",
300 |             "width": 130,
301 |             "shape": "rectangle",
302 |             "height": 180
303 |           },
304 |           "uri": "douban://douban.com/book/26816981",
305 |           "subtype": "",
306 |           "reviewer_name": "",
307 |           "type": "book"
308 |         },
309 |         {
310 |           "original_price": null,
311 |           "description": "",
312 |           "rating": {
313 |             "count": 999,
314 |             "max": 10,
315 |             "value": 7.69046
316 |           },
317 |           "price": null,
318 |           "actions": [],
319 |           "date": null,
320 |           "id": "26785701",
321 |           "info": "庆山/北京十月文艺出版社/2016-6-28",
322 |           "title": "月童度河",
323 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26785701/",
324 |           "cover": {
325 |             "url": "https://img3.doubanio.com/lpic/s28825570.jpg",
326 |             "width": 267,
327 |             "shape": "rectangle",
328 |             "height": 400
329 |           },
330 |           "uri": "douban://douban.com/book/26785701",
331 |           "subtype": "",
332 |           "reviewer_name": "",
333 |           "type": "book"
334 |         },
335 |         {
336 |           "original_price": null,
337 |           "description": "",
338 |           "rating": {
339 |             "count": 335,
340 |             "max": 10,
341 |             "value": 8.47486
342 |           },
343 |           "price": null,
344 |           "actions": [
345 |             "可阅读"
346 |           ],
347 |           "date": null,
348 |           "id": "26762263",
349 |           "info": "[日] 大岛渚/雅众文化/新星出版社/2016-6",
350 |           "title": "我被封杀的抒情",
351 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26762263/",
352 |           "cover": {
353 |             "url": "https://img3.doubanio.com/lpic/s28749103.jpg",
354 |             "width": 309,
355 |             "shape": "rectangle",
356 |             "height": 400
357 |           },
358 |           "uri": "douban://douban.com/book/26762263",
359 |           "subtype": "",
360 |           "reviewer_name": "",
361 |           "type": "book"
362 |         },
363 |         {
364 |           "original_price": null,
365 |           "description": "",
366 |           "rating": {
367 |             "count": 1018,
368 |             "max": 10,
369 |             "value": 7.87558
370 |           },
371 |           "price": null,
372 |           "actions": [],
373 |           "date": null,
374 |           "id": "26789567",
375 |           "info": "[日]奥野宣之/后浪出版公司·江西人民出版社/2016-6",
376 |           "title": "如何有效阅读一本书",
377 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26789567/",
378 |           "cover": {
379 |             "url": "https://img3.doubanio.com/lpic/s28705474.jpg",
380 |             "width": 259,
381 |             "shape": "rectangle",
382 |             "height": 400
383 |           },
384 |           "uri": "douban://douban.com/book/26789567",
385 |           "subtype": "",
386 |           "reviewer_name": "",
387 |           "type": "book"
388 |         },
389 |         {
390 |           "original_price": null,
391 |           "description": "",
392 |           "rating": {
393 |             "count": 255,
394 |             "max": 10,
395 |             "value": 7.26318
396 |           },
397 |           "price": null,
398 |           "actions": [],
399 |           "date": null,
400 |           "id": "26782538",
401 |           "info": "[日]宫下规久朗/浦睿文化/湖南人民出版社/2016-6",
402 |           "title": "这幅画原来要看这里",
403 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26782538/",
404 |           "cover": {
405 |             "url": "https://img3.doubanio.com/lpic/s28940400.jpg",
406 |             "width": 267,
407 |             "shape": "rectangle",
408 |             "height": 400
409 |           },
410 |           "uri": "douban://douban.com/book/26782538",
411 |           "subtype": "",
412 |           "reviewer_name": "",
413 |           "type": "book"
414 |         },
415 |         {
416 |           "original_price": null,
417 |           "description": "",
418 |           "rating": {
419 |             "count": 185,
420 |             "max": 10,
421 |             "value": 8.19894
422 |           },
423 |           "price": null,
424 |           "actions": [
425 |             "可阅读"
426 |           ],
427 |           "date": null,
428 |           "id": "26782094",
429 |           "info": "[美] 达纳·卡斯帕森/九州出版社·阳光博客/2016-7",
430 |           "title": "解决冲突的关键技巧",
431 |           "url": "https://www.douban.com/doubanapp/dispatch?uri=/book/26782094/",
432 |           "cover": {
433 |             "url": "https://img1.doubanio.com/lpic/s28738089.jpg",
434 |             "width": 267,
435 |             "shape": "rectangle",
436 |             "height": 400
437 |           },
438 |           "uri": "douban://douban.com/book/26782094",
439 |           "subtype": "",
440 |           "reviewer_name": "",
441 |           "type": "book"
442 |         }
443 |       ]
444 |     }
445 |   ]
446 | }


--------------------------------------------------------------------------------
/src/v1/list.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "info": [
  3 |     {
  4 |       "photos_count": 0,
  5 |       "impression_url": "",
  6 |       "author": {
  7 |         "avatar": "https://img1.doubanio.com/icon/u80964086-7.jpg",
  8 |         "name": "猫仔😉"
  9 |       },
 10 |       "likers_count": 15,
 11 |       "title": "所谓现场被人诟病，那么就在录音棚里找回自信。",
 12 |       "uri": "https://m.douban.com/music/review/8053616/",
 13 |       "cover_url": "https://img3.doubanio.com/lpic/s28948395.jpg",
 14 |       "source": "alg:item_sim",
 15 |       "column": {
 16 |         "uri": "douban://douban.com/selection/column/17",
 17 |         "id": "17",
 18 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450319860.png?imageView2/2/q/80/w/220/h/220/format/webp",
 19 |         "name": "音乐"
 20 |       },
 21 |       "comment_count": 2,
 22 |       "outsource": null,
 23 |       "comments": [],
 24 |       "action": "",
 25 |       "desc": "先简单概括一下这一张专辑：有趣且自信。记得BritneyJean时期有人发推问制作人这张专辑Britney的声音会不会被处理过度，当时制作人回复是不会让她的声音被过度处理，还原最真实的britney的声音。如果说BJ时期是一...",
 26 |       "more_pic_urls": [],
 27 |       "id": "114585",
 28 |       "monitor_url": ""
 29 |     },
 30 |     {
 31 |       "photos_count": 0,
 32 |       "impression_url": "",
 33 |       "author": {
 34 |         "avatar": "https://img3.doubanio.com/icon/u142025988-2.jpg",
 35 |         "name": "阿岛"
 36 |       },
 37 |       "likers_count": 257,
 38 |       "title": "老赵",
 39 |       "uri": "https://m.douban.com/note/577827073/",
 40 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
 41 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
 42 |       "column": {
 43 |         "uri": "douban://douban.com/selection/column/23",
 44 |         "id": "23",
 45 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450321390.png?imageView2/2/q/80/w/220/h/220/format/webp",
 46 |         "name": "情感"
 47 |       },
 48 |       "comment_count": 99,
 49 |       "outsource": null,
 50 |       "comments": [],
 51 |       "action": "",
 52 |       "desc": "下午和老赵一起吃火锅，老赵和我边吃边唠。老赵说：“我都想退休了，现在身体慢慢地都不行了，玩都玩不...",
 53 |       "more_pic_urls": [],
 54 |       "id": "114504",
 55 |       "monitor_url": ""
 56 |     },
 57 |     {
 58 |       "photos_count": 0,
 59 |       "impression_url": "",
 60 |       "author": {
 61 |         "avatar": "https://img3.doubanio.com/icon/u15703595-10.jpg",
 62 |         "name": "良泳"
 63 |       },
 64 |       "likers_count": 45,
 65 |       "title": "属于法海一个人的自我救赎",
 66 |       "uri": "https://m.douban.com/music/review/8057284/",
 67 |       "cover_url": "https://img3.doubanio.com/lpic/s28990953.jpg",
 68 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
 69 |       "column": {
 70 |         "uri": "douban://douban.com/selection/column/17",
 71 |         "id": "17",
 72 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450319860.png?imageView2/2/q/80/w/220/h/220/format/webp",
 73 |         "name": "音乐"
 74 |       },
 75 |       "comment_count": 6,
 76 |       "outsource": null,
 77 |       "comments": [],
 78 |       "action": "",
 79 |       "desc": "A   Frank Ocean或许并不是为了讨好任何人存在的。  Channel Orange过后一等就是四年，歌迷经过无数次的炒作过后换来的都是落空，主页上放着的一个直播视频最后出了一张“视觉专辑”（come on,谁要看你锯木头啊[...",
 80 |       "more_pic_urls": [],
 81 |       "id": "114497",
 82 |       "monitor_url": ""
 83 |     },
 84 |     {
 85 |       "photos_count": 169,
 86 |       "impression_url": "",
 87 |       "author": {
 88 |         "avatar": "https://img3.doubanio.com/icon/u4142011-12.jpg",
 89 |         "name": "白诗齐"
 90 |       },
 91 |       "likers_count": 211,
 92 |       "title": "日画",
 93 |       "uri": "https://m.douban.com/photos/album/1623126581/",
 94 |       "cover_url": "https://qnmob.doubanio.com/view/photo/large/public/p2358110415.jpg?imageView2/2/q/80/w/500/h/500/format/jpg",
 95 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
 96 |       "column": {
 97 |         "uri": "douban://douban.com/selection/column/8",
 98 |         "id": "8",
 99 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450320602.png?imageView2/2/q/80/w/220/h/220/format/webp",
100 |         "name": "画画儿"
101 |       },
102 |       "comment_count": 0,
103 |       "outsource": null,
104 |       "comments": [],
105 |       "action": "",
106 |       "desc": "",
107 |       "more_pic_urls": [
108 |         "https://qnmob.doubanio.com/view/photo/large/public/p2376483978.jpg?imageView2/1/q/80/w/330/h/330/format/webp",
109 |         "https://qnmob.doubanio.com/view/photo/large/public/p2376292599.jpg?imageView2/1/q/80/w/330/h/330/format/webp"
110 |       ],
111 |       "id": "114547",
112 |       "monitor_url": ""
113 |     },
114 |     {
115 |       "photos_count": 0,
116 |       "impression_url": "",
117 |       "author": {
118 |         "avatar": "https://img3.doubanio.com/icon/u2842007-24.jpg",
119 |         "name": "泽帆"
120 |       },
121 |       "likers_count": 124,
122 |       "title": "六年前的一桩诡异凶杀案",
123 |       "uri": "https://m.douban.com/note/578085121/",
124 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
125 |       "source": "alg:item_sim&column_sim_prefer",
126 |       "column": {
127 |         "uri": "douban://douban.com/selection/column/6",
128 |         "id": "6",
129 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450321263.png?imageView2/2/q/80/w/220/h/220/format/webp",
130 |         "name": "讲故事"
131 |       },
132 |       "comment_count": 29,
133 |       "outsource": null,
134 |       "comments": [],
135 |       "action": "",
136 |       "desc": "六年前，发生了一件惊动中国的死亡案。 有人根据现场线索，为凶手画像：农村人，迷信，约50岁，得绝症，...",
137 |       "more_pic_urls": [],
138 |       "id": "114566",
139 |       "monitor_url": ""
140 |     },
141 |     {
142 |       "photos_count": 0,
143 |       "impression_url": "",
144 |       "author": {
145 |         "avatar": "https://img3.doubanio.com/icon/u1732691-64.jpg",
146 |         "name": "白鹇"
147 |       },
148 |       "likers_count": 163,
149 |       "title": "叢文阁书店：大隐隐于市",
150 |       "uri": "https://m.douban.com/note/577007953/",
151 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg?imageView2/2/q/80/w/330/h/330/format/jpg",
152 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
153 |       "column": {
154 |         "uri": "douban://douban.com/selection/column/10",
155 |         "id": "10",
156 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450319775.png?imageView2/2/q/80/w/220/h/220/format/webp",
157 |         "name": "读书"
158 |       },
159 |       "comment_count": 10,
160 |       "outsource": null,
161 |       "comments": [],
162 |       "action": "",
163 |       "desc": "靖国大道两旁最低调的古书店，大概就是叢文阁了。其他店家都在门口最显眼处摆出古书、浮世绘或旧地图，...",
164 |       "more_pic_urls": [],
165 |       "id": "114153",
166 |       "monitor_url": ""
167 |     },
168 |     {
169 |       "photos_count": 0,
170 |       "impression_url": "",
171 |       "author": {
172 |         "avatar": "https://img3.doubanio.com/icon/u47837079-30.jpg",
173 |         "name": "elros"
174 |       },
175 |       "likers_count": 75,
176 |       "title": "熊岛往事",
177 |       "uri": "https://m.douban.com/note/577536403/",
178 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
179 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
180 |       "column": {
181 |         "uri": "douban://douban.com/selection/column/6",
182 |         "id": "6",
183 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450321263.png?imageView2/2/q/80/w/220/h/220/format/webp",
184 |         "name": "讲故事"
185 |       },
186 |       "comment_count": 12,
187 |       "outsource": null,
188 |       "comments": [],
189 |       "action": "",
190 |       "desc": "一年中有那么一两次，我还是会回想起在熊岛打工的那个暑假。 我还记得航班降落在熊岛机场，白熊来接机时...",
191 |       "more_pic_urls": [],
192 |       "id": "114302",
193 |       "monitor_url": ""
194 |     },
195 |     {
196 |       "photos_count": 0,
197 |       "impression_url": "",
198 |       "author": {
199 |         "avatar": "https://img3.doubanio.com/icon/u143009922-5.jpg",
200 |         "name": "简单心理Jdxl"
201 |       },
202 |       "likers_count": 501,
203 |       "title": "柏邦妮：情绪生病了，但这并不令人羞耻",
204 |       "uri": "https://m.douban.com/note/577658314/",
205 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36712663.jpg?imageView2/2/q/80/w/330/h/330/format/jpg",
206 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
207 |       "column": {
208 |         "uri": "douban://douban.com/selection/column/25",
209 |         "id": "25",
210 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450321407.png?imageView2/2/q/80/w/220/h/220/format/webp",
211 |         "name": "成长"
212 |       },
213 |       "comment_count": 55,
214 |       "outsource": null,
215 |       "comments": [],
216 |       "action": "",
217 |       "desc": "在此前的《孤独，我们共同的隐秘｜简单心理 · 造就Talk》中，我们也邀请到了奇葩说辩手柏邦妮。她在现...",
218 |       "more_pic_urls": [],
219 |       "id": "114348",
220 |       "monitor_url": ""
221 |     },
222 |     {
223 |       "photos_count": 0,
224 |       "impression_url": "",
225 |       "author": {
226 |         "avatar": "https://img3.doubanio.com/icon/u150269341-2.jpg",
227 |         "name": "兔草"
228 |       },
229 |       "likers_count": 227,
230 |       "title": "失雨天",
231 |       "uri": "https://m.douban.com/note/578099144/",
232 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
233 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
234 |       "column": {
235 |         "uri": "douban://douban.com/selection/column/6",
236 |         "id": "6",
237 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450321263.png?imageView2/2/q/80/w/220/h/220/format/webp",
238 |         "name": "讲故事"
239 |       },
240 |       "comment_count": 28,
241 |       "outsource": null,
242 |       "comments": [],
243 |       "action": "",
244 |       "desc": "下雨天时，我会变成一个哑巴。 我的舌头上住着一道拉链，一下雨，拉链就关上门，睡起了觉。我一直觉得，...",
245 |       "more_pic_urls": [],
246 |       "id": "114524",
247 |       "monitor_url": ""
248 |     },
249 |     {
250 |       "photos_count": 67,
251 |       "impression_url": "",
252 |       "author": {
253 |         "avatar": "https://img3.doubanio.com/icon/u93100987-5.jpg",
254 |         "name": "Jin Qian"
255 |       },
256 |       "likers_count": 265,
257 |       "title": "不同寻常的杭州",
258 |       "uri": "https://m.douban.com/photos/album/1629927606/",
259 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
260 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
261 |       "column": {
262 |         "uri": "douban://douban.com/selection/column/4",
263 |         "id": "4",
264 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450320627.png?imageView2/2/q/80/w/220/h/220/format/webp",
265 |         "name": "摄影"
266 |       },
267 |       "comment_count": 0,
268 |       "outsource": null,
269 |       "comments": [],
270 |       "action": "",
271 |       "desc": "关于杭州的一切不同寻常",
272 |       "more_pic_urls": [
273 |         "https://qnmob.doubanio.com/view/photo/large/public/p2376944033.jpg?imageView2/1/q/80/w/330/h/330/format/webp",
274 |         "https://qnmob.doubanio.com/view/photo/large/public/p2376896398.jpg?imageView2/1/q/80/w/330/h/330/format/webp"
275 |       ],
276 |       "id": "114565",
277 |       "monitor_url": ""
278 |     },
279 |     {
280 |       "photos_count": 0,
281 |       "impression_url": "",
282 |       "author": {
283 |         "avatar": "https://img3.doubanio.com/icon/u48963680-240.jpg",
284 |         "name": "馒酱"
285 |       },
286 |       "likers_count": 1200,
287 |       "title": "超详细的三种Smokey Eye 的画法",
288 |       "uri": "https://m.douban.com/note/577039510/",
289 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
290 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
291 |       "column": {
292 |         "uri": "douban://douban.com/selection/column/18",
293 |         "id": "18",
294 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450319972.png?imageView2/2/q/80/w/220/h/220/format/webp",
295 |         "name": "爱美丽"
296 |       },
297 |       "comment_count": 53,
298 |       "outsource": null,
299 |       "comments": [],
300 |       "action": "",
301 |       "desc": "微博／B站：甜甜的馒酱 好久没有更新美妆啦！ 今天更新 三种烟熏眼妆教程：炫酷日常小烟熏，ABC欧美系Ca...",
302 |       "more_pic_urls": [],
303 |       "id": "114138",
304 |       "monitor_url": ""
305 |     },
306 |     {
307 |       "photos_count": 0,
308 |       "impression_url": "",
309 |       "author": {
310 |         "avatar": "https://img1.doubanio.com/icon/u3135767-8.jpg",
311 |         "name": "番小茄"
312 |       },
313 |       "likers_count": 223,
314 |       "title": "我去福州才不只是为了吃东西啊——马尾马尾",
315 |       "uri": "https://m.douban.com/note/578002237/",
316 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
317 |       "source": "alg:item_sim&column_sim_prefer",
318 |       "column": {
319 |         "uri": "douban://douban.com/selection/column/2",
320 |         "id": "2",
321 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450319926.png?imageView2/2/q/80/w/220/h/220/format/webp",
322 |         "name": "旅行"
323 |       },
324 |       "comment_count": 31,
325 |       "outsource": null,
326 |       "comments": [],
327 |       "action": "",
328 |       "desc": "在福州停留了短短半日之后，我们第二天就从黄岐港搭船去了马祖，在岛上一呆就是五天。 马祖和福州的小吃...",
329 |       "more_pic_urls": [],
330 |       "id": "114570",
331 |       "monitor_url": ""
332 |     },
333 |     {
334 |       "photos_count": 0,
335 |       "impression_url": "",
336 |       "author": {
337 |         "avatar": "https://img3.doubanio.com/icon/u2101881-4.jpg",
338 |         "name": "赵志明"
339 |       },
340 |       "likers_count": 105,
341 |       "title": "中国怪谭系列 | 诗剑飘香，织就猪头佳话",
342 |       "uri": "https://m.douban.com/note/577981665/",
343 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
344 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
345 |       "column": {
346 |         "uri": "douban://douban.com/selection/column/6",
347 |         "id": "6",
348 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450321263.png?imageView2/2/q/80/w/220/h/220/format/webp",
349 |         "name": "讲故事"
350 |       },
351 |       "comment_count": 7,
352 |       "outsource": null,
353 |       "comments": [],
354 |       "action": "",
355 |       "desc": "诗人：漫卷诗书性狷狂 唐朝诗人张祜素有诗名，他的好友杜牧称赞他：“谁人得似张公子，千首诗轻万户侯。...",
356 |       "more_pic_urls": [],
357 |       "id": "114481",
358 |       "monitor_url": ""
359 |     },
360 |     {
361 |       "photos_count": 0,
362 |       "impression_url": "",
363 |       "author": {
364 |         "avatar": "https://img3.doubanio.com/icon/u56070852-44.jpg",
365 |         "name": "CHHHEER333"
366 |       },
367 |       "likers_count": 550,
368 |       "title": "初秋摩卡暖心妆容 ｜ 今秋必买的两支口红试色！",
369 |       "uri": "https://m.douban.com/note/578143488/",
370 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
371 |       "source": "alg:item_sim&column_sim_prefer",
372 |       "column": {
373 |         "uri": "douban://douban.com/selection/column/18",
374 |         "id": "18",
375 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450319972.png?imageView2/2/q/80/w/220/h/220/format/webp",
376 |         "name": "爱美丽"
377 |       },
378 |       "comment_count": 38,
379 |       "outsource": null,
380 |       "comments": [],
381 |       "action": "",
382 |       "desc": "Hello，大家好 我是脸大又白的叁哥 脑容量非常小的叁哥，在买买买的路上一直揣着明白装糊涂... 比如最近...",
383 |       "more_pic_urls": [],
384 |       "id": "114576",
385 |       "monitor_url": ""
386 |     },
387 |     {
388 |       "photos_count": 0,
389 |       "impression_url": "",
390 |       "author": {
391 |         "avatar": "https://img3.doubanio.com/icon/u1087580-44.jpg",
392 |         "name": "子文东"
393 |       },
394 |       "likers_count": 96,
395 |       "title": "阿育陀耶 | 旅程无处投寄",
396 |       "uri": "https://m.douban.com/note/578016272/",
397 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
398 |       "source": "editor:item_sim&column_sim_prefer&column_sim_follow",
399 |       "column": {
400 |         "uri": "douban://douban.com/selection/column/2",
401 |         "id": "2",
402 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450319926.png?imageView2/2/q/80/w/220/h/220/format/webp",
403 |         "name": "旅行"
404 |       },
405 |       "comment_count": 24,
406 |       "outsource": null,
407 |       "comments": [],
408 |       "action": "",
409 |       "desc": "厌倦像之前那样写游记了，所以虚构了一封写在旅途中的信。 信是一个男人写给一个女人的。 至于有多少是...",
410 |       "more_pic_urls": [],
411 |       "id": "114437",
412 |       "monitor_url": ""
413 |     },
414 |     {
415 |       "photos_count": 44,
416 |       "impression_url": "",
417 |       "author": {
418 |         "avatar": "https://img3.doubanio.com/icon/u4304808-15.jpg",
419 |         "name": "Kiki's cat"
420 |       },
421 |       "likers_count": 42,
422 |       "title": "欧洲鸟类记录",
423 |       "uri": "https://m.douban.com/photos/album/149969764/",
424 |       "cover_url": "https://qnmob.doubanio.com/view/note/large/public/p36615734.jpg",
425 |       "source": "alg:item_sim&column_sim_prefer",
426 |       "column": {
427 |         "uri": "douban://douban.com/selection/column/14",
428 |         "id": "14",
429 |         "cover_url": "https://qnmob.doubanio.com/img/files/file-1450320043.png?imageView2/2/q/80/w/220/h/220/format/webp",
430 |         "name": "自然"
431 |       },
432 |       "comment_count": 0,
433 |       "outsource": null,
434 |       "comments": [],
435 |       "action": "",
436 |       "desc": "瓜和我都很喜欢观察各种鸟类，所以开个相册记录一下各种美丽的鸟，主要参考书Birds of Europe 非常感谢...",
437 |       "more_pic_urls": [
438 |         "https://qnmob.doubanio.com/view/photo/large/public/p2305904990.jpg?imageView2/1/q/80/w/330/h/330/format/webp",
439 |         "https://qnmob.doubanio.com/view/photo/large/public/p2305904985.jpg?imageView2/1/q/80/w/330/h/330/format/webp"
440 |       ],
441 |       "id": "114586",
442 |       "monitor_url": ""
443 |     }
444 |   ]
445 | }


--------------------------------------------------------------------------------
/src/v1/movie.json:
--------------------------------------------------------------------------------
  1 | {
  2 |  "info":[
  3 |    {
  4 |      "title":"影院热映",
  5 |      "arr":[
  6 |        {
  7 |          "original_price": null,
  8 |          "description": "",
  9 |          "rating": {
 10 |            "count": 44871,
 11 |            "max": 10,
 12 |            "value": 7.38236
 13 |          },
 14 |          "price": null,
 15 |          "actions": [],
 16 |          "date": null,
 17 |          "id": "26266072",
 18 |          "info": "保罗·格林格拉斯/马特·达蒙/汤米·李·琼斯/艾丽西亚·维坎德/动作/悬疑/惊悚/2016-08-23(中国大陆)",
 19 |          "title": "谍影重重5",
 20 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26266072/",
 21 |          "cover": {
 22 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2375019545.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
 23 |            "width": 3158,
 24 |            "shape": "rectangle",
 25 |            "height": 5000
 26 |          },
 27 |          "uri": "douban://douban.com/movie/26266072",
 28 |          "subtype": "",
 29 |          "reviewer_name": "",
 30 |          "type": "movie"
 31 |        },
 32 |        {
 33 |          "original_price": null,
 34 |          "description": "",
 35 |          "rating": {
 36 |            "count": 12955,
 37 |            "max": 10,
 38 |            "value": 6.62518
 39 |          },
 40 |          "price": null,
 41 |          "actions": [],
 42 |          "date": null,
 43 |          "id": "25797778",
 44 |          "info": "麦克·特米尔/西蒙·佩吉/洁茜J /杰西·泰勒·弗格森/喜剧/动画/冒险/2016-08-23(中国大陆)",
 45 |          "title": "冰川时代5：星际碰撞",
 46 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/25797778/",
 47 |          "cover": {
 48 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2365823697.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
 49 |            "width": 1944,
 50 |            "shape": "rectangle",
 51 |            "height": 2880
 52 |          },
 53 |          "uri": "douban://douban.com/movie/25797778",
 54 |          "subtype": "",
 55 |          "reviewer_name": "",
 56 |          "type": "movie"
 57 |        },
 58 |        {
 59 |          "original_price": null,
 60 |          "description": "",
 61 |          "rating": {
 62 |            "count": 44756,
 63 |            "max": 10,
 64 |            "value": 6.93792
 65 |          },
 66 |          "price": null,
 67 |          "actions": [],
 68 |          "date": null,
 69 |          "id": "26336253",
 70 |          "info": "文伟鸿/张家辉/古天乐/吴镇宇/剧情/动作/犯罪/2016-08-11(中国大陆/香港)",
 71 |          "title": "使徒行者",
 72 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26336253/",
 73 |          "cover": {
 74 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2369022569.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
 75 |            "width": 1213,
 76 |            "shape": "rectangle",
 77 |            "height": 2126
 78 |          },
 79 |          "uri": "douban://douban.com/movie/26336253",
 80 |          "subtype": "",
 81 |          "reviewer_name": "",
 82 |          "type": "movie"
 83 |        },
 84 |        {
 85 |          "original_price": null,
 86 |          "description": "",
 87 |          "rating": {
 88 |            "count": 1852,
 89 |            "max": 10,
 90 |            "value": 5.8976
 91 |          },
 92 |          "price": null,
 93 |          "actions": [],
 94 |          "date": null,
 95 |          "id": "25747016",
 96 |          "info": "丹尼尔·阿尔弗雷森/安东尼·霍普金斯/萨姆·沃辛顿/吉姆·斯特吉斯/剧情/动作/犯罪/2016-08-26(中国大陆)",
 97 |          "title": "惊天绑架团",
 98 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/25747016/",
 99 |          "cover": {
100 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2373853178.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
101 |            "width": 1020,
102 |            "shape": "rectangle",
103 |            "height": 1462
104 |          },
105 |          "uri": "douban://douban.com/movie/25747016",
106 |          "subtype": "",
107 |          "reviewer_name": "",
108 |          "type": "movie"
109 |        },
110 |        {
111 |          "original_price": null,
112 |          "description": "",
113 |          "rating": {
114 |            "count": 93175,
115 |            "max": 10,
116 |            "value": 4.89972
117 |          },
118 |          "price": null,
119 |          "actions": [],
120 |          "date": null,
121 |          "id": "24827387",
122 |          "info": "李仁港/井柏然/鹿晗/马思纯/悬疑/奇幻/冒险/2016-08-05(中国大陆)",
123 |          "title": "盗墓笔记",
124 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/24827387/",
125 |          "cover": {
126 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2370646859.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
127 |            "width": 950,
128 |            "shape": "rectangle",
129 |            "height": 1325
130 |          },
131 |          "uri": "douban://douban.com/movie/24827387",
132 |          "subtype": "",
133 |          "reviewer_name": "",
134 |          "type": "movie"
135 |        },
136 |        {
137 |          "original_price": null,
138 |          "description": "",
139 |          "rating": {
140 |            "count": 18859,
141 |            "max": 10,
142 |            "value": 8.11574
143 |          },
144 |          "price": null,
145 |          "actions": [
146 |            "可播放"
147 |          ],
148 |          "date": null,
149 |          "id": "26376454",
150 |          "info": "陆川/周迅/剧情/纪录片/2016-08-12(中国大陆)",
151 |          "title": "我们诞生在中国",
152 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26376454/",
153 |          "cover": {
154 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2373180408.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
155 |            "width": 450,
156 |            "shape": "rectangle",
157 |            "height": 550
158 |          },
159 |          "uri": "douban://douban.com/movie/26376454",
160 |          "subtype": "",
161 |          "reviewer_name": "",
162 |          "type": "movie"
163 |        },
164 |        {
165 |          "original_price": null,
166 |          "description": "",
167 |          "rating": {
168 |            "count": 898,
169 |            "max": 10,
170 |            "value": 4.48054
171 |          },
172 |          "price": null,
173 |          "actions": [],
174 |          "date": null,
175 |          "id": "26839582",
176 |          "info": "何澄/刘纯燕/董浩/鞠萍/喜剧/动画/家庭/2016-08-19(中国大陆)",
177 |          "title": "新大头儿子和小头爸爸2一日成才",
178 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26839582/",
179 |          "cover": {
180 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2369678279.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
181 |            "width": 0,
182 |            "shape": "rectangle",
183 |            "height": 0
184 |          },
185 |          "uri": "douban://douban.com/movie/26839582",
186 |          "subtype": "",
187 |          "reviewer_name": "",
188 |          "type": "movie"
189 |        },
190 |        {
191 |          "original_price": null,
192 |          "description": "",
193 |          "rating": {
194 |            "count": 29364,
195 |            "max": 10,
196 |            "value": 5.51872
197 |          },
198 |          "price": null,
199 |          "actions": [],
200 |          "date": null,
201 |          "id": "26301582",
202 |          "info": "赵天宇/井柏然/杨颖/李沁/爱情/2016-08-12(中国大陆)",
203 |          "title": "微微一笑很倾城",
204 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26301582/",
205 |          "cover": {
206 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2358355793.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
207 |            "width": 4690,
208 |            "shape": "rectangle",
209 |            "height": 6614
210 |          },
211 |          "uri": "douban://douban.com/movie/26301582",
212 |          "subtype": "",
213 |          "reviewer_name": "",
214 |          "type": "movie"
215 |        }
216 |      ]
217 |    },
218 |    {
219 |      "title":"免费在线观影",
220 |      "arr":[
221 |        {
222 |          "original_price": null,
223 |          "description": "",
224 |          "rating": {
225 |            "count": 1852,
226 |            "max": 10,
227 |            "value": 2.3213
228 |          },
229 |          "price": null,
230 |          "actions": [
231 |            "可播放"
232 |          ],
233 |          "date": null,
234 |          "id": "26786108",
235 |          "info": "胡韵/邓小婷/赵奔/白文显/喜剧/动画/2016-06-09(中国大陆)",
236 |          "title": "泰迪熊之玩具大战",
237 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26786108/",
238 |          "cover": {
239 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2346212678.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
240 |            "width": 3181,
241 |            "shape": "rectangle",
242 |            "height": 4499
243 |          },
244 |          "uri": "douban://douban.com/movie/26786108",
245 |          "subtype": "",
246 |          "reviewer_name": "",
247 |          "type": "movie"
248 |        },
249 |        {
250 |          "original_price": null,
251 |          "description": "",
252 |          "rating": {
253 |            "count": 329948,
254 |            "max": 10,
255 |            "value": 6.95306
256 |          },
257 |          "price": null,
258 |          "actions": [
259 |            "可播放"
260 |          ],
261 |          "date": null,
262 |          "id": "19944106",
263 |          "info": "周星驰/邓超/罗志祥/张雨绮/喜剧/爱情/奇幻/2016-02-08(中国大陆/香港)",
264 |          "title": "美人鱼",
265 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/19944106/",
266 |          "cover": {
267 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2316177058.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
268 |            "width": 3500,
269 |            "shape": "rectangle",
270 |            "height": 4889
271 |          },
272 |          "uri": "douban://douban.com/movie/19944106",
273 |          "subtype": "",
274 |          "reviewer_name": "",
275 |          "type": "movie"
276 |        },
277 |        {
278 |          "original_price": null,
279 |          "description": "",
280 |          "rating": {
281 |            "count": 1513,
282 |            "max": 10,
283 |            "value": 4.55606
284 |          },
285 |          "price": null,
286 |          "actions": [
287 |            "可播放"
288 |          ],
289 |          "date": null,
290 |          "id": "11632599",
291 |          "info": "李晓军/于波/周韦彤/班嘉佳/剧情/历史/古装/2016-04-01(中国大陆)",
292 |          "title": "轩辕大帝",
293 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/11632599/",
294 |          "cover": {
295 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2326715708.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
296 |            "width": 869,
297 |            "shape": "rectangle",
298 |            "height": 1280
299 |          },
300 |          "uri": "douban://douban.com/movie/11632599",
301 |          "subtype": "",
302 |          "reviewer_name": "",
303 |          "type": "movie"
304 |        },
305 |        {
306 |          "original_price": null,
307 |          "description": "",
308 |          "rating": {
309 |            "count": 702,
310 |            "max": 10,
311 |            "value": 3.0103
312 |          },
313 |          "price": null,
314 |          "actions": [
315 |            "可播放"
316 |          ],
317 |          "date": null,
318 |          "id": "25922900",
319 |          "info": "林伊琦/温碧霞/陈锐/吴克群/剧情/爱情/2016-05-20(中国大陆)",
320 |          "title": "708090之深圳恋歌",
321 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/25922900/",
322 |          "cover": {
323 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2350704558.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
324 |            "width": 8858,
325 |            "shape": "rectangle",
326 |            "height": 12402
327 |          },
328 |          "uri": "douban://douban.com/movie/25922900",
329 |          "subtype": "",
330 |          "reviewer_name": "",
331 |          "type": "movie"
332 |        },
333 |        {
334 |          "original_price": null,
335 |          "description": "",
336 |          "rating": {
337 |            "count": 11037,
338 |            "max": 10,
339 |            "value": 5.13804
340 |          },
341 |          "price": null,
342 |          "actions": [
343 |            "可播放"
344 |          ],
345 |          "date": null,
346 |          "id": "26389697",
347 |          "info": "霍建起/黄晓明/徐峥/蒲巴甲/历史/2016-04-29(中国大陆)",
348 |          "title": "大唐玄奘",
349 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26389697/",
350 |          "cover": {
351 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2339564405.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
352 |            "width": 572,
353 |            "shape": "rectangle",
354 |            "height": 800
355 |          },
356 |          "uri": "douban://douban.com/movie/26389697",
357 |          "subtype": "",
358 |          "reviewer_name": "",
359 |          "type": "movie"
360 |        },
361 |        {
362 |          "original_price": null,
363 |          "description": "",
364 |          "rating": {
365 |            "count": 6833,
366 |            "max": 10,
367 |            "value": 4.73124
368 |          },
369 |          "price": null,
370 |          "actions": [
371 |            "可播放"
372 |          ],
373 |          "date": null,
374 |          "id": "26220725",
375 |          "info": "叶伟民/林心如/杨祐宁/任达华/剧情/爱情/惊悚/2016-04-29(中国大陆)",
376 |          "title": "魔宫魅影",
377 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26220725/",
378 |          "cover": {
379 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2331558412.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
380 |            "width": 1143,
381 |            "shape": "rectangle",
382 |            "height": 1600
383 |          },
384 |          "uri": "douban://douban.com/movie/26220725",
385 |          "subtype": "",
386 |          "reviewer_name": "",
387 |          "type": "movie"
388 |        },
389 |        {
390 |          "original_price": null,
391 |          "description": "",
392 |          "rating": {
393 |            "count": 47947,
394 |            "max": 10,
395 |            "value": 6.12846
396 |          },
397 |          "price": null,
398 |          "actions": [
399 |            "可播放"
400 |          ],
401 |          "date": null,
402 |          "id": "25757186",
403 |          "info": "巴巴克·纳加非/杰拉德·巴特勒/艾伦·艾克哈特/摩根·弗里曼/动作/犯罪/惊悚/2016-04-08(中国大陆)",
404 |          "title": "伦敦陷落",
405 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/25757186/",
406 |          "cover": {
407 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2325735117.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
408 |            "width": 5450,
409 |            "shape": "rectangle",
410 |            "height": 7630
411 |          },
412 |          "uri": "douban://douban.com/movie/25757186",
413 |          "subtype": "",
414 |          "reviewer_name": "",
415 |          "type": "movie"
416 |        },
417 |        {
418 |          "original_price": null,
419 |          "description": "",
420 |          "rating": {
421 |            "count": 7417,
422 |            "max": 10,
423 |            "value": 4.4486
424 |          },
425 |          "price": null,
426 |          "actions": [
427 |            "可播放"
428 |          ],
429 |          "date": null,
430 |          "id": "26345736",
431 |          "info": "郭大雷/赵丽颖/张翰/童菲/喜剧/爱情/2016-03-18(中国大陆)",
432 |          "title": "女汉子真爱公式",
433 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26345736/",
434 |          "cover": {
435 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2324372895.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
436 |            "width": 714,
437 |            "shape": "rectangle",
438 |            "height": 1000
439 |          },
440 |          "uri": "douban://douban.com/movie/26345736",
441 |          "subtype": "",
442 |          "reviewer_name": "",
443 |          "type": "movie"
444 |        }
445 |      ]
446 |    },
447 |    {
448 |      "title":"新片速递",
449 |      "arr":[
450 |        {
451 |          "original_price": null,
452 |          "description": "",
453 |          "rating": {
454 |            "count": 370,
455 |            "max": 10,
456 |            "value": 6.65152
457 |          },
458 |          "price": null,
459 |          "actions": [],
460 |          "date": null,
461 |          "id": "25785208",
462 |          "info": "蒂姆·布雷克·尼尔森/萨姆·沃特森/克里斯汀·斯图尔特/寇瑞·斯托尔/剧情/惊悚/2015-04-22(翠贝卡电影节)",
463 |          "title": "钝感之爱",
464 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/25785208/",
465 |          "cover": {
466 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2294890310.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
467 |            "width": 509,
468 |            "shape": "rectangle",
469 |            "height": 755
470 |          },
471 |          "uri": "douban://douban.com/movie/25785208",
472 |          "subtype": "",
473 |          "reviewer_name": "",
474 |          "type": "movie"
475 |        },
476 |        {
477 |          "original_price": null,
478 |          "description": "",
479 |          "rating": {
480 |            "count": 384,
481 |            "max": 10,
482 |            "value": 6.52414
483 |          },
484 |          "price": null,
485 |          "actions": [],
486 |          "date": null,
487 |          "id": "25813315",
488 |          "info": "Petr Kazda/Michalina Olszańska/Martin Pechlát/Klára Melísková/剧情/传记/犯罪/2016-02-11(柏林电影节)",
489 |          "title": "我是欧嘉",
490 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/25813315/",
491 |          "cover": {
492 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2317841337.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
493 |            "width": 711,
494 |            "shape": "rectangle",
495 |            "height": 960
496 |          },
497 |          "uri": "douban://douban.com/movie/25813315",
498 |          "subtype": "",
499 |          "reviewer_name": "",
500 |          "type": "movie"
501 |        },
502 |        {
503 |          "original_price": null,
504 |          "description": "",
505 |          "rating": {
506 |            "count": 687,
507 |            "max": 10,
508 |            "value": 7.33734
509 |          },
510 |          "price": null,
511 |          "actions": [],
512 |          "date": null,
513 |          "id": "5262339",
514 |          "info": "迈克尔·格兰达吉/妮可·基德曼/裘德·洛/科林·费尔斯/剧情/传记/2016-02-16(柏林电影节)",
515 |          "title": "天才捕手",
516 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/5262339/",
517 |          "cover": {
518 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2376331508.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
519 |            "width": 2025,
520 |            "shape": "rectangle",
521 |            "height": 3000
522 |          },
523 |          "uri": "douban://douban.com/movie/5262339",
524 |          "subtype": "",
525 |          "reviewer_name": "",
526 |          "type": "movie"
527 |        },
528 |        {
529 |          "original_price": null,
530 |          "description": "",
531 |          "rating": {
532 |            "count": 382,
533 |            "max": 10,
534 |            "value": 6.61718
535 |          },
536 |          "price": null,
537 |          "actions": [],
538 |          "date": null,
539 |          "id": "26184568",
540 |          "info": "黄强华/萧煌奇/动画/奇幻/2015-02-11(台湾)",
541 |          "title": "奇人密码：古罗布之迷",
542 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26184568/",
543 |          "cover": {
544 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2367025883.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
545 |            "width": 518,
546 |            "shape": "rectangle",
547 |            "height": 740
548 |          },
549 |          "uri": "douban://douban.com/movie/26184568",
550 |          "subtype": "",
551 |          "reviewer_name": "",
552 |          "type": "movie"
553 |        },
554 |        {
555 |          "original_price": null,
556 |          "description": "",
557 |          "rating": {
558 |            "count": 578,
559 |            "max": 10,
560 |            "value": 5.39908
561 |          },
562 |          "price": null,
563 |          "actions": [],
564 |          "date": null,
565 |          "id": "26687465",
566 |          "info": "阿布内尔·帕斯托尔/安德鲁·辛普森/约瑟芬·德·拉·波美/弗雷德里克·皮耶罗/惊悚/2016-08-26(英国)",
567 |          "title": "公路游戏",
568 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26687465/",
569 |          "cover": {
570 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2323334797.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
571 |            "width": 550,
572 |            "shape": "rectangle",
573 |            "height": 818
574 |          },
575 |          "uri": "douban://douban.com/movie/26687465",
576 |          "subtype": "",
577 |          "reviewer_name": "",
578 |          "type": "movie"
579 |        },
580 |        {
581 |          "original_price": null,
582 |          "description": "",
583 |          "rating": {
584 |            "count": 707,
585 |            "max": 10,
586 |            "value": 7.05512
587 |          },
588 |          "price": null,
589 |          "actions": [],
590 |          "date": null,
591 |          "id": "3269088",
592 |          "info": "马特·布朗/杰瑞米·艾恩斯/戴夫·帕特尔/斯蒂芬·弗雷/剧情/传记/2015-09-17(多伦多电影节)",
593 |          "title": "知无涯者",
594 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/3269088/",
595 |          "cover": {
596 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2326716876.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
597 |            "width": 1012,
598 |            "shape": "rectangle",
599 |            "height": 1500
600 |          },
601 |          "uri": "douban://douban.com/movie/3269088",
602 |          "subtype": "",
603 |          "reviewer_name": "",
604 |          "type": "movie"
605 |        },
606 |        {
607 |          "original_price": null,
608 |          "description": "",
609 |          "rating": {
610 |            "count": 373,
611 |            "max": 10,
612 |            "value": 6.0219
613 |          },
614 |          "price": null,
615 |          "actions": [],
616 |          "date": null,
617 |          "id": "25895213",
618 |          "info": "田昀树/池珍熙/成宥利/金成钧/剧情/2015-10-28(韩国)",
619 |          "title": "对不起，我爱你，谢谢你",
620 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/25895213/",
621 |          "cover": {
622 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2264872079.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
623 |            "width": 1200,
624 |            "shape": "rectangle",
625 |            "height": 1714
626 |          },
627 |          "uri": "douban://douban.com/movie/25895213",
628 |          "subtype": "",
629 |          "reviewer_name": "",
630 |          "type": "movie"
631 |        },
632 |        {
633 |          "original_price": null,
634 |          "description": "",
635 |          "rating": {
636 |            "count": 603,
637 |            "max": 10,
638 |            "value": 5.50828
639 |          },
640 |          "price": null,
641 |          "actions": [],
642 |          "date": null,
643 |          "id": "26576793",
644 |          "info": "月川翔/中岛健人/小松菜奈/千叶雄大/爱情/2016-02-27(日本)",
645 |          "title": "我才不会对黑崎君说的话言听计从",
646 |          "url": "https://www.douban.com/doubanapp/dispatch?uri=/movie/26576793/",
647 |          "cover": {
648 |            "url": "https://qnmob.doubanio.com/view/movie_poster_cover/lpst/public/p2295161284.jpg?imageView2/0/q/80/w/9999/h/300/format/jpg",
649 |            "width": 566,
650 |            "shape": "rectangle",
651 |            "height": 800
652 |          },
653 |          "uri": "douban://douban.com/movie/26576793",
654 |          "subtype": "",
655 |          "reviewer_name": "",
656 |          "type": "movie"
657 |        }
658 |      ]
659 |    }
660 |  ]
661 | }


--------------------------------------------------------------------------------