压图

@@ -11,7 +11,7 @@ as.defineAvatar = "http://cdn.aiwanpai.com/s/d.jpg";
 as.shareLink = as.domains + "/index.html";
 as.shareLink = as.domains + "/index.html";
 as.shareImgUrl = as.domains + "/share.jpg";
 as.shareImgUrl = as.domains + "/share.jpg";
 as.shareTitle = "我C位出道，需要你的一票";
 as.shareTitle = "我C位出道，需要你的一票";
-as.shareDesc = "我参加了立白集团立乐家和嘉佳卡通卫视联合举办的“小戏骨选拔赛”，C位出道需要你的一票。你也想成为C位主角吗？不要犹豫了，赶紧来报名吧！"
+as.shareDesc = "C位出道需要你的一票。你也想成为C位主角吗？不要犹豫了，赶紧来报名吧！"
 as.success = function () { };
 as.success = function () { };
 as.appSuccess = function () { };
 as.appSuccess = function () { };
 
 

@@ -7,29 +7,33 @@
       <div class="search-btn" @click="searchWorksHandler('searchBtn')"></div>
       <div class="search-btn" @click="searchWorksHandler('searchBtn')"></div>
     </div>
     </div>
     <van-row>
     <van-row>
-      <van-col span="12" v-for="(item,index) in worksList" :key="index">
-        <div class="worksItem" @click="toWorksViewHandler(item.worksCode)">
-          <div
-            class="worksThumb"
-            v-bind:style="{backgroundImage:'url(' + item.worksList[0].worksUrl + ')'}"
-          ></div>
-          <div class="worksDescription">
-            <div class="worksNo">{{item.worksNo}}</div>
-            <div class="worksName">{{item.name}}</div>
-            <div class="worksPriaseNo">{{item.praiseNumber}}</div>
-            <div class="worksPraise"></div>
+      <van-list v-model="isLoading" :finished="!hasMore" finished-text="" @load="refreshMore">
+        <van-cell v-for="(itemList,index1) in worksList" :key="index1">
+          <van-col span="12" v-for="(item,index2) in itemList" :key="index2">
+            <div class="worksItem" @click="toWorksViewHandler(item.worksCode)">
+              <div
+                class="worksThumb"
+                v-bind:style="{backgroundImage:'url(' + item.worksList && item.worksList[0] && item.worksList[0].worksUrl + ')'}"
+              ></div>
+              <div class="worksDescription">
+                <div class="worksNo">{{item.worksNo}}</div>
+                <div class="worksName">{{item.name}}</div>
+                <div class="worksPriaseNo">{{item.praiseNumber}}</div>
+                <div class="worksPraise"></div>
+              </div>
+            </div>
+          </van-col>
+        </van-cell>
+
+        <van-col span="24" v-if="worksList.length == 0 ">
+          <div class="empty">
+            <div class="empty-icon">
+              <van-icon name="warn-o" />
+            </div>
+            <div class="empty-message">没有搜到任何作品 ！</div>
           </div>
           </div>
-        </div>
-      </van-col>
-
-      <van-col span="24" v-if="worksList.length == 0 ">
-        <div class="empty">
-          <div class="empty-icon">
-            <van-icon name="warn-o" />
-          </div>
-          <div class="empty-message">没有搜到任何作品 ！</div>
-        </div>
-      </van-col>
+        </van-col>
+      </van-list>
     </van-row>
     </van-row>
   </div>
   </div>
 </template>
 </template>
@@ -44,7 +48,9 @@ import { httpGet } from "@/api/fetch-api";
 import Vue from "vue";
 import Vue from "vue";
 import { Row, Col } from "vant";
 import { Row, Col } from "vant";
 import { Icon } from "vant";
 import { Icon } from "vant";
+import { List, Cell } from "vant";
 
 
+Vue.use(List).use(Cell);
 Vue.use(Icon);
 Vue.use(Icon);
 Vue.use(Row).use(Col);
 Vue.use(Row).use(Col);
 
 
@@ -52,13 +58,15 @@ export default {
   props: [""],
   props: [""],
   data() {
   data() {
     return {
     return {
+      hasMore: true,
+      isLoading: false,
       init: false,
       init: false,
       worksList: [],
       worksList: [],
       lastQuery: "",
       lastQuery: "",
       listForm: {
       listForm: {
         query: "",
         query: "",
         page: 1,
         page: 1,
-        size: 10
+        size: 20
       }
       }
     };
     };
   },
   },
@@ -82,9 +90,29 @@ export default {
         if (this.listForm.page != 1) {
         if (this.listForm.page != 1) {
           list = this.worksList;
           list = this.worksList;
         }
         }
-        list = list.concat(res.list);
+
+        let tempList = [];
+        for (let index = 0; index < res.list.length; index++) {
+          if (index % 2 == 0) {
+            tempList = [];
+            list.push(tempList);
+          }
+          tempList.push(res.list[index]);
+        }
+        // console.log(list);
+
+        // list = list.concat(res.list);
         this.worksList = list;
         this.worksList = list;
+
+        // 加载更多
+        this.hasMore = res.list.length == this.listForm.size;
+        this.isLoading = false;
       });
       });
+    },
+    refreshMore() {
+      // console.log("refresh more");
+      this.listForm.page++;
+      this.searchWorksHandler();
     }
     }
   },
   },
   created() {
   created() {
@@ -137,11 +165,17 @@ export default {
   }
   }
 }
 }
 
 
+
 .van-row {
 .van-row {
   margin-top: 30px;
   margin-top: 30px;
 }
 }
 
 
+.van-cell{
+  padding: 0;
+}
+
 .worksItem {
 .worksItem {
+  margin: 0 auto 20px auto;
   width: 300px;
   width: 300px;
   height: 275px;
   height: 275px;
   border: solid 1px #d1d0d0;
   border: solid 1px #d1d0d0;
@@ -164,6 +198,7 @@ export default {
       line-height: 60px;
       line-height: 60px;
       text-align: left;
       text-align: left;
       text-overflow: ellipsis;
       text-overflow: ellipsis;
+      overflow: hidden;
     }
     }
 
 
     .worksNo {
     .worksNo {
@@ -173,7 +208,9 @@ export default {
       width: 133px;
       width: 133px;
     }
     }
     .worksPriaseNo {
     .worksPriaseNo {
-      width: 63px;
+      width: 60px;
+      text-align: right;
+      padding-right: 5px;
     }
     }
     .worksPraise {
     .worksPraise {
       width: 28px;
       width: 28px;

@@ -236,6 +236,8 @@ export default {
 
 
 .container-title {
 .container-title {
   font-size: 28px;
   font-size: 28px;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 }
 
 
 .auto-register-tips {
 .auto-register-tips {

@@ -3,21 +3,21 @@
     <head-view></head-view>
     <head-view></head-view>
     <bottom-tool v-model="activityIndex"></bottom-tool>
     <bottom-tool v-model="activityIndex"></bottom-tool>
 
 
-    <works-list-view
-      v-model="formData"
-      v-if="init"
-      v-show="listVisiabled"
-      v-on:showRule="showRuleHandler"
-      v-on:worksDetail="showWorksDetail"
-    ></works-list-view>
-
-    <member-works-view
-      v-model="memberWorks"
-      v-if="init && !listVisiabled"
-      v-on:back="showWorksList"
-      v-on:praiseSuccess="praiseSuccessHandler"
-      v-on:showShare="shareModelVisiable=true"
-    ></member-works-view>
+      <works-list-view
+        v-model="formData"
+        v-if="init"
+        v-show="listVisiabled"
+        v-on:showRule="showRuleHandler"
+        v-on:worksDetail="showWorksDetail"
+      ></works-list-view>
+
+      <member-works-view
+        v-model="memberWorks"
+        v-if="init && !listVisiabled"
+        v-on:back="showWorksList"
+        v-on:praiseSuccess="praiseSuccessHandler"
+        v-on:showShare="shareModelVisiable=true"
+      ></member-works-view>
 
 
     <biz-model v-model="model"></biz-model>
     <biz-model v-model="model"></biz-model>
 
 
@@ -135,7 +135,7 @@ export default {
     showWorksList() {
     showWorksList() {
       this.listVisiabled = true;
       this.listVisiabled = true;
     },
     },
-    praiseSuccessHandler() {}
+    praiseSuccessHandler() {},
   },
   },
   created() {
   created() {
     this.initActivity();
     this.initActivity();