|
@@ -14,8 +14,7 @@
|
|
|
v-show="!isRefresh"
|
|
|
class="van-loading">
|
|
|
<span
|
|
|
- class="van-loading__text"
|
|
|
- style="margin-left: 0;">下拉刷新</span>
|
|
|
+ class="van-loading__text">下拉刷新</span>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li
|
|
@@ -57,6 +56,19 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
+ <li class="pullup-wrapper">
|
|
|
+ <van-loading
|
|
|
+ v-show="!finished"
|
|
|
+ size="24px"
|
|
|
+ type="spinner">加载中...
|
|
|
+ </van-loading>
|
|
|
+ <div
|
|
|
+ v-show="finished"
|
|
|
+ class="van-loading">
|
|
|
+ <span
|
|
|
+ class="van-loading__text">没有更多了</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -168,8 +180,8 @@ export default {
|
|
|
this.scroll = new BScroll(this.$refs.afBS, {
|
|
|
click: true,
|
|
|
pullDownRefresh: {
|
|
|
- threshold: 50,
|
|
|
- stop: 20
|
|
|
+ threshold: 50, // 顶部下拉的距离
|
|
|
+ stop: 20 // 回弹停留的距离
|
|
|
},
|
|
|
pullUpLoad: {
|
|
|
threshold: -20
|
|
@@ -188,7 +200,6 @@ export default {
|
|
|
this.scroll.finishPullDown()
|
|
|
this.scroll.finishPullUp()
|
|
|
this.scroll.refresh()
|
|
|
- console.log(111)
|
|
|
}
|
|
|
})
|
|
|
}
|
|
@@ -335,12 +346,17 @@ export default {
|
|
|
top: -43px;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
|
&.static {
|
|
|
position: static;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
- margin-bottom: 10px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.pullup-wrapper {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
</style>
|