<!DOCTYPE html>
<html lang="zh-CN">

<head>
#include("/common/view/base_head.html")
<script src="#(WX_HOST)/js/msg/msglist.js"></script>
<style>
.mobile {
	margin: 16px 1px;
}
.list {
	line-height: 40px;
}
.list-item {
	font-size: 14px;
	padding: 0px 8px;
	border: 1px solid #DFE0E0;
	text-align: center;
	border-top: none;
}
div.list-item:odd {
	background: #91CBDB;
}
.list-item:nth-child(1) {
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #DFE0E0;
}
.page-div {
	font-size: 24px;
	margin-top: 16px;
	margin-bottom: 12px;
}
</style>
<script>
var openid = '#(openid)';
var communityId = '#(communityId)';
var buildId = '#(buildId)';
var cellId = '#(cellId)';
var total = #(total);
var page = #(page);
</script>
</head>

<body>
	<div class="container-fluid">
		<div id="div_msglist" class="mobile">
			<div class="list">
				#for(msg : list)
				<div data="{'id':'#(msg.id)','url':'#(msg.url)'}" class="list-item">
					<div>#(msg.title)</div>
				</div>
				#end
			</div>
			<div class="text-center page-div">
				<a href="javascript:;" id="pre"><span class="glyphicon glyphicon-triangle-left"></span></a>
				<span style="margin: 0px 16px;"> #(page) / #(total) </span>
				<a href="javascript:;" id="next"><span class="glyphicon glyphicon-triangle-right"></span></a>
			</div>
		</div>
	</div>
</body>

</html>
