34 lines
597 B
Vue
34 lines
597 B
Vue
|
<style>
|
||
|
|
body{
|
||
|
|
/*height: 2000px;*/
|
||
|
|
}
|
||
|
|
.demo-affix{
|
||
|
|
width: 100px;
|
||
|
|
height: 30px;
|
||
|
|
background: #f60;
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<Affix>
|
||
|
|
<div class="demo-affix">固定在最顶部</div>
|
||
|
|
</Affix>
|
||
|
|
<div v-for="(item,index) in arr">{{item}}</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data(){
|
||
|
|
return {
|
||
|
|
arr: []
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created(){
|
||
|
|
for(let i = 0 ; i < 100 ; i++){
|
||
|
|
this.arr.push(i);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|