//上拉下拉加载功能 export const upDownLoadMore = (el, loadMorefun, refresh,obj) => { mui(el).pullRefresh({ up: { height: expression(obj,'upheight',50) , //可选.默认50.触发上拉加载拖动距离 auto: expression(obj,'upauto',false) , //可选,默认false.自动上拉加载一次 contentrefresh: "正在加载...", contentnomore: '没有更多数据了', contentover : "释放立即刷新", callback: loadMorefun }, down: { style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式 color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色 height: '20px', //可选,默认50px.下拉刷新控件的高度, range: '30px', //可选 默认100px,控件可下拉拖拽的范围 offset: '0px', //可选 默认0px,下拉刷新控件的起始位置 auto: expression(obj,'downauto',false) , //可选,默认false.首次加载自动上拉刷新一次 callback: refresh } }) //on元素批量绑定事件 mui(el).on('tap','a',function(){ //mui框架下拉刷新上拉加载,click事件无效的解决方法 //这个this代表点击那个li // mui.toast(this.innerHTML); this.click() }); } function expression(obj,field,defaultvalue) { if(obj){ if(obj[field]){ return obj[field]; } } return defaultvalue; } export const endPullupToRefresh = (el,bl) => { if(!mui(el)||!mui(el).pullRefresh()){ return; } mui(el).pullRefresh().endPullupToRefresh(bl); } //重置上拉加载 export const refresh = (el) => { if(!mui(el)||!mui(el).pullRefresh()){ return; } mui(el).pullRefresh().refresh(true); } //禁用上拉刷新 export const disablePullupToRefresh = (el) => { if(!mui(el)||!mui(el).pullRefresh()){ return; } mui(el).pullRefresh().disablePullupToRefresh(); } //启用上拉刷新 export const enablePullupToRefresh = (el) => { if(!mui(el)||!mui(el).pullRefresh()){ return; } mui(el).pullRefresh().enablePullupToRefresh(); } //下拉刷新结束 export const endPulldown = (el) => { if(!mui(el)||!mui(el).pullRefresh()){ return; } mui(el).pullRefresh().endPulldown(); }