Authored by 徐炜

返回按钮点击反馈背景;loading效果

... ... @@ -109,6 +109,7 @@
.go-back-btn {
&:hover {
background: #ccc;
opacity: 0.5;
}
}
... ...
<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;
... ...