zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore: use v-for sticky demo

This commit is contained in:
Phạm Ngọc Hòa 2020-07-11 23:12:55 +07:00 committed by GitHub
parent ea60478304
commit 13366bf4d6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/views/components-demo/sticky.vue
View File

@ -40,60 +40,11 @@
<aside> <aside>
Sticky header, When the page is scrolled to the preset position will be sticky on the top. Sticky header, When the page is scrolled to the preset position will be sticky on the top.
</aside> </aside>
<div>placeholder</div> <div v-for="i in 15" :key="i">placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<sticky :sticky-top="200"> <sticky :sticky-top="200">
<el-button type="primary"> placeholder</el-button> <el-button type="primary"> placeholder</el-button>
</sticky> </sticky>
<div>placeholder</div> <div v-for="i in 20" :key="i">placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
<div>placeholder</div>
</div> </div>
</div> </div>
</template> </template>