ios客户端发现_动画屋活动获奖展示和获奖模块开发总结

function userObject(data,userUid){
				    var userObj = [];
				    for(j = 0;j <userUid.length;j++){
				    	userObj[j]=searchUid(data,userUid[j]);
				    }
				    return userObj;
				}//通过输入uid数组，返回各自对应的评论对象数组

function searchUid(data,uid){
					var comments = data['data']['comments'];
					var len = comments.length;
					for(i = 0;i < len;i++)
					{
						if(comments[i]['userInfo']['uid'] == uid)
						{
							return comments[i]['userInfo'];
						}
					}
				}//获取对应uid下的评论对象

function h5_winnerArea( winnerObject,total){//参数为数组对象与需要展示的条数
	if(!(arrayObject instanceof Array))
		{return};
	var viewport = $(".viewport")[0];
	var length =  winnerObject.length;//获奖对象长度
        winnerObject = winnerObject.slice(0,total);//截取对象数组数目用来展示
    var h5_winner = $("<div class='h5_winner'></div>");
        h5_winner.appendTo(viewport);//选取第一个viewport，追加此段获奖代码到其后
    var h5_winnerUser = $("<div class='h5_winnerUser'><span>一共有</span><span>"+length+"</span><span>名用户中奖</span></div>");
        h5_winnerUser.appendTo(h5_winner);
	var h5_winnerArea = $("<div></div>");
		h5_winnerArea.attr("class","h5_winnerArea");
		h5_winnerArea.appendTo(h5_winner);
	var h5_winnerArea_list = $("<div></div>");
		h5_winnerArea_list.attr("class","h5_winnerArea_list");
		h5_winnerArea.append(h5_winnerArea_list);
	var h5_winnerArea_header = $("<div></div>");
	    h5_winnerArea_header.attr("class","h5_winnerArea_header");
	    h5_winnerArea_list.append(h5_winnerArea_header);
	var h2 = $("<h2>最近获奖用户</h2>");
	    h5_winnerArea_header.append(h2);
	var h5_winnerArea_item = $("<div></div>");
	    h5_winnerArea_item.attr("class","h5_winnerArea_item");
	    h5_winnerArea_list.append(h5_winnerArea_item);
	var ul = $("<ul></ul>");
	    h5_winnerArea_item.append(ul);
	    //循环对象数组用于格式化展示内容
	$.each(winnerObject,function(i,n){
		var li = $("<li></li>");
	    ul.append(li);
	var h5_winnerArea_item_icon = $("<div></div>");
	    h5_winnerArea_item_icon.attr("class","h5_winnerArea_item_icon");
	    li.append(h5_winnerArea_item_icon);
	var img = $("<img>");
	    img.attr("src",n.icon);
	    h5_winnerArea_item_icon.append(img);
	var h5_winnerArea_item_name = $("<div></div>");
	    h5_winnerArea_item_name.html(n.nickName);
	    h5_winnerArea_item_name.attr("class","h5_winnerArea_item_name");
	    h5_winnerArea_item_name.addClass("h5_winnerArea_textOverflow");
	    li.append(h5_winnerArea_item_name);
	var h5_winnerArea_item_prize = $("<div></div>");
	    h5_winnerArea_item_prize.html(n.rewardName);
	    h5_winnerArea_item_prize.attr("class","h5_winnerArea_item_prize");
	    h5_winnerArea_item_prize.addClass("h5_winnerArea_textOverflow");
	    li.append(h5_winnerArea_item_prize);
	});
	

}

.h5_winnerUser {
	text-align: center;
	margin-top: 40px;
	font-size: 24px;
	font-weight: bold;
	color: #542004;
	width: 100%;
}

.h5_winnerArea {
	margin-top: 30px;
	width: 100%;
}

.h5_winnerArea_list {
	background-color: #ffffff;
	margin: 0 10px 100px 10px;
	border-radius: 6px;
}

.h5_winnerArea_header {
	padding: 10px 15px 0 15px;
}

.h5_winnerArea_header h2 {
	font-size: 24px;
	font-weight: bold;
	color: #4d4d4d;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
}

.h5_winnerArea_item ul,
.h5_winnerArea_item li {
	list-style:none
}

.h5_winnerArea_textOverflow {
	overflow: hidden;/*溢出元素隐藏*/
	text-overflow: ellipsis;/*溢出元素隐藏显示‘…’*/
	white-space: nowrap;/*不换行，此三个都是对文字的处理*/
}

.h5_winnerArea_item ul {
	padding: 0 15px;
}

.h5_winnerArea_item li {
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
	padding: 5px 0 5px 0;
	line-height: 60px;
	height: 60px;
}

 .h5_winnerArea_item_icon {
	float: left;
	width: 40px;
	margin-right: 20px;
}

.h5_winnerArea_item_icon img {
	border-radius: 20px;
	width: 40px;
	height: 40px;
}

 .h5_winnerArea_item_name {
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}

.h5_winnerArea_item_prize {
	float: right;
	text-align: right;
	display: inline;
	font-size: 20px;
	color: #4d4d4d;
}