lives

src/views/live/index.vue

@@ -14,9 +14,14 @@
       v-model="loading"
       :finished="finished"
       finished-text="没有更多了"
-      @load="onLoad(1)"
+      @load="onLoad()"
     >
-      <div v-for="item in list" :key="item.id" class="videoItem" @click="goto(item.id)">
+      <div
+        v-for="item in list"
+        :key="item.id"
+        class="videoItem"
+        @click="goto(item.id)"
+      >
         <div class="img">
           <img :src="item.video_img" :border="0" alt="" />
         </div>
@@ -29,10 +34,7 @@
 </template>
 
 <script>
-import {
-  List,
-  cell,
-} from "vant";
+import { List, cell } from "vant";
 import asyncRequest from "@/apis/live/index";
 import resToken from "@/mixins/resToken";
 export default {
@@ -65,6 +67,7 @@ export default {
         this.parmValue.page = 1; //重置页码数
       } else {
         this.parmValue.page++; //如果页码数不是1，页码++
+        console.log(this.parmValue);
       }
       if (!this.loading) {
         //加载结束
@@ -98,11 +101,12 @@ export default {
           this.parmValue.page--;
         }
       }
+      this.loading = false;
     },
-     onClickLeft() {
+    onClickLeft() {
       window.history.back(-1);
     },
-     goto(id) {
+    goto(id) {
       window.vm.$router.push({
         path: "/liveD",
         query: {
@@ -135,59 +139,59 @@ export default {
     height: 44px;
   }
   .videoList {
-    padding: 0 16px 60px 16px ;
+    padding: 0 16px 60px 16px;
     box-sizing: border-box;
     background: transparent;
     position: relative;
     height: auto;
     width: 100%;
-  
-  .videoItem {
-     position: relative;
-    width: 100%;
-    font-size: 14px;
-    line-height: 30px;
-    padding:0 ;
-    margin: 0;
-    cursor: pointer;
-    box-sizing: border-box;
-    .img {
+
+    .videoItem {
+      position: relative;
       width: 100%;
-      display: block;
-      height: 180px;
+      font-size: 14px;
+      line-height: 30px;
       padding: 0;
-      border: 0;
-      border-radius: 20px;
-      overflow: hidden;
-      border: 0;
-      img {
+      margin: 0;
+      cursor: pointer;
+      box-sizing: border-box;
+      .img {
         width: 100%;
-        display: inline-block;
-        height: 100%;
+        display: block;
+        height: 180px;
+        padding: 0;
+        border: 0;
+        border-radius: 20px;
+        overflow: hidden;
         border: 0;
+        img {
+          width: 100%;
+          display: inline-block;
+          height: 100%;
+          border: 0;
+        }
+      }
+      .videoName {
+        display: block;
+        box-sizing: border-box;
+        font-size: 16px;
+        font-weight: bolder;
+        padding: 0 5px;
+        margin: 10px 0 5px 0;
+        width: 100%;
+        line-height: 20px;
+        color: #1a1a1a;
+      }
+      .videoDesc {
+        display: block;
+        font-size: 12px;
+        color: #999;
+        box-sizing: border-box;
+        margin: 0 0 10px 0;
+        line-height: 25px;
+        padding: 0 5px;
       }
     }
-    .videoName {
-      display: block;
-      box-sizing: border-box;
-      font-size: 16px;
-      font-weight: bolder;
-      padding:0 5px ;
-      margin: 10px 0 5px 0;;;
-      width: 100%;
-      line-height: 20px;;
-      color: #1A1A1A;
-    }
-    .videoDesc {
-      display: block;
-      font-size: 12px;
-      color: #999;
-      box-sizing: border-box;
-      margin: 0 0 10px 0;;
-      line-height: 25px;
-      padding:0 5px ;
-    }
-  }
   }
   // &:last-child {
   //   margin: 0 0 2px 0;