下拉刷新
{{i}}
data(){
return{
num:3,
showLoading:'false'
}
},
methods:{
pullingdown(event){
},
onrefresh(){
this.showLoading = 'show'
setTimeout(res=>{
// 模拟网路请求
this.num=4;
this.showLoading = 'hide'
},2000)
}
}}
display: flex;
flex-direction: column;}.list{
flex:1;
width:750px;}.cell{
background-image:linear-gradient(to top ,#F0AD4E,#F8C433);
width:750px;
height: 200px;
text-align: center;}.text{
font-size:50px;
color:white;
text-align: center;
line-height: 200px;
height: 200px;}.refresh{
width:750px;
flex-direction: row;
display: flex;
align-items: center;
justify-content: center;}.indicator{
width:100px;
height: 100px;
color:green;}