|
|
<template>
|
|
|
<div class="goods-box" v-infinite-scroll="fetch()" infinite-scroll-disable="disableFetch" infinite-scroll-distance="1200">
|
|
|
<div class="goods-box" v-infinite-scroll="fetch()" infinite-scroll-disable="disableFetch" infinite-scroll-distance="0">
|
|
|
<ul class="cardlist card-large clearfix">
|
|
|
<li class="card" v-for="item in data">
|
|
|
<div class="card-pic">
|
...
|
...
|
@@ -16,7 +16,7 @@ |
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<p class="cardlist--loading text-center" v-show="state === 1">正在加载...</p>
|
|
|
<p class="cardlist--loading text-center" v-show="state === 1">loading...</p>
|
|
|
<!--<p class="cardlist--end text-center" v-show="state === 0 ">--End--</p>-->
|
|
|
|
|
|
<div class="empty-tip" v-show="state === -1">
|
...
|
...
|
@@ -68,6 +68,12 @@ |
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
.cardlist--loading {
|
|
|
font-size: 32px;
|
|
|
text-align: center;
|
|
|
padding: 16px 0;
|
|
|
}
|
|
|
|
|
|
.card-large {
|
|
|
background-color: #fff;
|
|
|
|
...
|
...
|
|