mui多标签页实现下拉刷新上拉加载
时间：2023-04-05 23:39:07
HTML5
CSS被mui坑了--。../*因为下拉图标位置设置无效，所以使用下拉刷新组件样式*/.mui-pull-top-pocket{top:5rem!important;}/*在你想要的位置显示列表*/#refreshContainer{高度：100vh；填充顶部：2.2rem；padding-bottom:3rem;}jslogic//functiononTabChange(){$('#refreshBox').css('transform','translate3d(0px,0px,0px)translateZ(0px)')//滚动到切换时默认top，否则多个tab会同时滚动导致其他列表出现问题mui('#refreshContainer').pullRefresh().refresh(true);//重置上拉加载组件}//多个tab共享一个下拉刷新组件mui.init({pullRefresh:{container:"#refreshContainer",//下拉刷新容器标识，querySelector可以定位的css选择器，例如：id,.class等。down:{callback:function(){//列表刷新后，需要及时关闭相应的动画，否则会出现无效问题mui("#refreshContainer").pullRefresh().endPulldownToRefresh();//结束动画},},up:{callback:function(){...mui("#refreshContainer").pullRefresh().endPullupToRefresh(false);//拉起加载时，false表示还有数据}，}，}，}）;
