qlg.tsgz.moe/static/app/js/activity4.js

var scroll = mui('.con').scroll();
mui.plusReady(function() {
	var autoCatId;
	var num = 1;
	var isOver = 1;
	mui.ajax(hyhUrl('addon/hyhbrandsrec-hyhBrandsrec-getBrandList'), { 
		data: {},
		dataType: 'json', //服务器返回json格式数据  
		type: 'post', //HTTP请求类型  
		timeout: 10000, //超时时间设置为10秒；  
		success: function(data) {           //服务器返回响应，根据响应结果，分析是否登录成功；  
			data = toJson(data);
			if(data.status == 1) {
				data = data.data;
				var html = '';
				var html1 = '';
				$.each(data.brandlist_rec, function() {
					html += '<div class="scroll_top_block" data-brandId="' + this.brandId + '"><img src="' + chengUrl(this.brandImg) + '" /><p>' + this.brandName + '</p></div>';
				});
				autoCatId = data.brand_list[0].catId;
				$.each(data.brand_list, function() {
					html1 += '<a class="mui-control-item" data-catId="' + this.catId + '">' + this.catName + '</a>';
				});
				$('.scroll_top').html(html);
				$('.nav').html(html1);
				document.getElementsByClassName('mui-control-item')[0].classList.add('mui-active')
				$('.scroll_top_block').height($('.scroll_top_block').width());
				$('.scroll_top_block img').height($('.scroll_top_block img').width());
				getData(autoCatId, 6, 1);

			} else {
				alert('发生错误请刷新后重试！');
				//							location.reload();
			}
		},
		error: function(xhr, type, errorThrown) {           //异常处理；  
			//																alert(type);      
		}  
	}); 
	function getData(catIdNum, pageSizeNum, pageNum) {
		if(isOver == 1) {
			isOver = 0;
		} else {
			return;
		}

		var autoData = {
			catId: catIdNum,
			pageSize: pageSizeNum ? pageSizeNum : 6,
			page: pageNum ? pageNum : 1
		}
		mui.ajax(chengUrl('addon/hyhbrandsrec-hyhBrandsrec-getBrandCatList'), { 
			data: autoData,
			dataType: 'json', //服务器返回json格式数据  
			type: 'post', //HTTP请求类型  
			timeout: 10000, //超时时间设置为10秒；  
			success: function(data) {           //服务器返回响应，根据响应结果，分析是否登录成功；  
				var data = toJson(data);
				if(data.status == 1) {
					data = data.data;
					var html = '';
					if(data.Rows == '' && pageNum > 1) {
						$('.scroll_con').append('<p style="float: left;width: 100%;text-align: center;padding-bottom: 9px;">没有更多商品</p>');

						return;
					} else if(data.Rows == '') {
						$('.scroll_con').html('<p style="float: left;width: 100%;text-align: center;padding-bottom: 9px;margin-top:20px;">没有商品</p>');
						return;
					}

					$.each(data.Rows, function() {
						html += '<div class="scroll_con_block" id="' + num + '"><div class="scb_title" data-shopId="' + this.shopId + '"><img src="' + chengUrl(this.shopImg) + '" /><p>' + this.shopName + '</p><span class="s1">官方旗舰店</span><span class="s2">进店看看</span></div><div class="scroll_con_con clearfix">';

						$.each(this.list, function() {
							html += '<div class="scc_block" data-goodsId="' + this.goodsId + '"><img src="' + this.goodsImg + '" /><p>' + this.goodsName + '</p><span>￥' + this.shopPrice + '</span></div>'
						});

						html += '</div></div>'

					});
					if(pageNum == 1) {
						$('.scroll_con').html(html);
					} else {
						$('.scroll_con').append(html);
					}

					$('.scc_block img').height($('.scc_block img').width());

					isOver = 1;

				} else {
					alert('发生错误请刷新后重试！');
					//							location.reload();
				}
			},
			error: function(xhr, type, errorThrown) {           //异常处理；  
				//																alert(type);      
			}  
		}); 
	}
	document.querySelector('.con').addEventListener('scroll', function(e) {
		if(scroll.y == scroll.maxScrollY) {
			if(isOver == 1) {
				num += 1;
				getData(autoCatId, 6, num);
			}
		}
	})
	mui('.nav').on('tap', '.mui-control-item', function() {
		autoCatId = $(this).attr('data-catId');
		num = 1;
		isOver = 1;
		getData(autoCatId, 6, num);
	})
	//跳商店页面
	$('.con').on('tap', '.scb_title', function() {
		var shopId = $(this).attr('data-shopId');
		mui.openWindow({
			url: 'storeout.html',
			id: 'storeout.html'+shopId,
			styles: {
				top: '0px', //新页面顶部位置
				bottom: '0px', //新页面底部位置
				width: '100%', //新页面宽度，默认为100%
				height: '100%' //新页面高度，默认为100%
			},
			extras: {
				shopId: shopId
				//					..... //自定义扩展参数，可以用来处理页面间传值
			},
			createNew: false, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
			show: {
				//					autoShow: true, //页面loaded事件发生后自动显示，默认为true
				//					aniShow: animationType, //页面显示动画，默认为”slide-in-right“；
				//					duration: animationTime, //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
				//					event: 'titleUpdate', //页面显示时机，默认为titleUpdate事件时显示
				//					extras: {} //窗口动画是否使用图片加速
			},
			waiting: {
				autoShow: true, //自动显示等待框，默认为true
				title: '正在加载...', //等待对话框上显示的提示内容
				options: {
					//						width: waiting - dialog - widht, //等待框背景区域宽度，默认根据内容自动计算合适宽度
					//						height: waiting - dialog - height, //等待框背景区域高度，默认根据内容自动计算合适高度
					//						......
				}
			}
		})
	})
	//跳商品页面
	$('.con').on('tap', '.scc_block', function() {
		var goodsId = $(this).attr('data-goodsId');
		mui.openWindow({
			url: 'details.html',
			id: 'details.html'+goodsId,
			styles: {
				top: '0px', //新页面顶部位置
				bottom: '0px', //新页面底部位置
				width: '100%', //新页面宽度，默认为100%
				height: '100%' //新页面高度，默认为100%
			},
			extras: {
				data_id: goodsId
				//					..... //自定义扩展参数，可以用来处理页面间传值
			},
			createNew: false, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
			show: {
				//					autoShow: true, //页面loaded事件发生后自动显示，默认为true
				//					aniShow: animationType, //页面显示动画，默认为”slide-in-right“；
				//					duration: animationTime, //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
				//					event: 'titleUpdate', //页面显示时机，默认为titleUpdate事件时显示
				//					extras: {} //窗口动画是否使用图片加速
			},
			waiting: {
				autoShow: true, //自动显示等待框，默认为true
				title: '正在加载...', //等待对话框上显示的提示内容
				options: {
					//						width: waiting - dialog - widht, //等待框背景区域宽度，默认根据内容自动计算合适宽度
					//						height: waiting - dialog - height, //等待框背景区域高度，默认根据内容自动计算合适高度
					//						......
				}
			}
		})
	})

})