0
点赞
收藏
分享

微信扫一扫

MUI-页面刷新

Go_Viola 2022-04-23 阅读 80
<script type="text/javascript">
	mui.init({
		pullRefresh : {
			// 定义容器
			container:'#refreshContainer',
			// 往下拉(callback:回调函数)
			down : {
				// style:'circle',//必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
				// color:'#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
				// height:'150px',//可选,默认50px.下拉刷新控件的高度,
				// range:'100px', //可选 默认100px,控件可下拉拖拽的范围
				// offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
				// auto: true,//可选,默认false.首次加载自动上拉刷新一次
				callback :pulldownRefresh
			},
			// 往上拉(callback:回调函数)
			up : {
				callback :pullupRefresh 
			}
		}
	}); 
	// 定义下拉回调函数
	function pulldownRefresh(){
		alert("进行下拉数据刷新");
		// 下拉刷新结束
		mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
	}
	// 定义上拉回调函数
	function pullupRefresh(){
		alert("进行上拉数据加载");
		// 下拉刷新结束
		mui('#refreshContainer').pullRefresh().endPullupToRefresh();
	}</script>
举报

相关推荐

0 条评论