images

src/components/common/moviesDetail.vue

@@ -130,6 +130,7 @@
                 overflow: hidden;
                 text-align: center;
                 float: left;
+                height: 140px;
                 a{
                   img{
                     margin-bottom: 10px;

src/components/moving.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="hello">
+  <div class="moving">
     <div class="tit">
       <h1>电影票 - {{city}}</h1>
       <div id="" class="locat">
@@ -15,7 +15,7 @@
       <div class="hd">
         <h2>影院上映</h2>
         <ul class="tab-hd clearfix">
-          <li class="on">即将上映</li>
+          <li class="on">正在上映</li>
         </ul>
       </div>
     </div>
@@ -94,7 +94,7 @@
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style rel="stylesheet/less" lang="less">
-  .hello {
+  .moving {
     margin-bottom: 20px;
     p {
       color: red;

src/header.vue

@@ -36,15 +36,6 @@
         }, {
           title: 'Top250',
           url: '/top250'
-        }, {
-          title: '口碑榜',
-          url: ''
-        }, {
-          title: '北美票房榜',
-          url: ''
-        }, {
-          title: '新片榜',
-          url: ''
         }]
       }
     },

store/moving/actions.js

@@ -36,7 +36,7 @@ export const actions = {
    */
   getUpcoming({commit, state}){
     utils.get('/movie/coming_soon', {city: state.city,start: state.upcomBody.start+1}).then(res => {
-      
+
       if(state.upcomBody.subjects && state.upcomBody.subjects.length){
         res.subjects = state.upcomBody.subjects.concat(res.subjects);
         commit('PAGE_LOAD', {pageload: false})
@@ -60,6 +60,11 @@ export const actions = {
     commit('MOVING_LOADING', {loading: false});
   })
   },
+  /**
+   * 获取搜索列表
+   * @param commit
+   * @param state
+   */
   getSearchList({commit, state}){
     console.log(state.searchText)
     utils.get('/movie/search', {q: state.searchText}).then(res => {

store/moving/index.js

@@ -6,32 +6,30 @@ import {getters} from './getters'
 import {actions} from './actions'
 import {mutations} from './mutations'
 const state = {
-  title: 'doubanMovie',
-  movingList: {
+  title: 'doubanMovie', // App 标题
+  movingList: {  //正在上映列表
     subjects: []
   },
-  searchList: {
+  searchList: {  // 搜索列表
     subjects: []
   },
-  searchText: '',
-  loadingMoving: true,
-  loadingUpComing: true,
-  searchLoading: true,
-  pageload: false,
-  upcomBody: {
-    start: 0,
-    pageload: false
+  searchText: '', //搜索内容
+  loadingMoving: true, //正在上映是否显示loading
+  loadingUpComing: true, //即将上映是否显示loading
+  searchLoading: true, //搜索列表是否显示loading
+  pageload: false, //是否正在加载分页
+  upcomBody: {  //即将上映的电影列表
+    start: 0
   },
-  loadingDetail: true,
-  upcomBody: {},
-  ranking250: {},
-  city: '杭州',
-  movieDetail: {
+  loadingDetail: true, //电影详情是否显示loading
+  ranking250: {}, // top 250列表
+  city: '杭州', //当前城市 默认'杭州'
+  movieDetail: { //电影详情
     rating: {},
     images: {}
   },
-  id:'',
-  start:0,
+  id:'', //电影ID
+  start:0, //top 250分页起点
   movieComment: {} //电影短评
 }