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