blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

文档修改

Browse Source
This commit is contained in:
pangxie1991 2017-02-28 10:29:46 +08:00
parent 837d5249c0
commit 5cb93982b4
1 changed files with 5 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
docs/examples/waterfall.vue
View File

@ -3,23 +3,16 @@
<h1 class="page-title">Waterfall</h1>
<h2 class="page-sub-title">基础用法</h2>
<div class="waterfall">
<div>
<div
v-waterfall-lower="loadMore"
v-waterfall-upper="loadMoreUpper"
waterfall-disabled="isWaterfallDisabled"
waterfall-offset="400"
>
<div
class="waterfall-item"
v-for="item in list"
style="text-align: center;"
>
{{ item }}
</div>
<div v-if="loading" style="text-align: center;">
loading
</div>
<div v-for="item in list" class="z-cell" style="text-align: center;">{{ item }}</div>
<!-- <z-loading v-if="loading" style="text-align: center;"></z-loading> -->
<div style="text-align: center;">loading</div>
</div>
</div>
</div>
@ -44,7 +37,7 @@ export default {
this.loading = true;
setTimeout(() => {
let lastNumber = this.list[this.list.length - 1];
for (let i = 0; i < 5; i ++) {
for (let i = 0; i < 5; i++) {
lastNumber += 1;
this.list.push(lastNumber);
}
@ -65,14 +58,6 @@ export default {
</script>
<style>
.waterfall {
height: 300px;
overflow: scroll;
}
.waterfall-item {
line-height: 20px;
padding: 5px 0;
}
.page-sub-title {
padding: 15px;
}