<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>创新消费领航者</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="../favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon-precomposed" href="../favicon.ico" />
<link rel="stylesheet" href="../static/light7/css/light7.min.css">
<link rel="stylesheet" href="../static/swaper/css/swiper.min.css">
<link rel="stylesheet" href="../static/css/mobile.style.css">
</head>
<body>
	<div class="page">
		<header class="bar bar-nav">
			<a class="button button-link button-nav pull-left" href="#"
				data-transition='slide-out'><span class="icon icon-menu"></span>
				<!-- β<span class="icon icon-menu"></span><span id="city">贵阳</span> -->
			</a> <a class="button button-link button-nav pull-right external"
				href="market.html" data-transition='slide-out'><span
				class="icon icon-right"></span> </a>
			<h1 class="title">西蜀网络</h1>
		</header>
		<nav class="bar bar-tab">
			<a class="tab-item external active" href="index.html"> <span
				class="icon icon-home"></span><span class="tab-label">同城</span>
			</a> <a class="tab-item external" href="market.html"> <span
				class="icon icon-gift"></span><span class="tab-label">瞎猫</span>
			</a> <a class="tab-item external" href="user.html"> <span
				class="icon icon-me"></span><span class="tab-label">我的</span>
			</a>
		</nav>
		<div class="content infinite-scroll" data-distance="50">
			<!-- 轮播推广图 -->
			<div class="swiper-container swiper-container-horizontal"
				data-space-between="10">
				<div class="swiper-wrapper"></div>
				<div class="swiper-pagination" style="text-align: right;"></div>
			</div>
			<!-- 公告或通知-->
			<div class="card">
				<div class="card-header">
					今日头条 <a href="contact.html" class="item-link item-content external">
						<div class="item-inner">
							<div class="item-title">
								<b style="font-size: 15px;">商务合作</b>
							</div>
						</div>
					</a>
				</div>
				<div class="card-content" id="today">
					<script type="text/html" id="todayHtml">
						<div class="card-content-inner">
							<a href="article.html?id={{articleId}}" class='link-title external' ><span style="color:#222;">{{title}}</span></a><br>
						</div>
					</script>
				</div>
				<div class="card-footer">
					<span>&nbsp;</span>
					<span style="font-size:12px;">Beta版</span>
				</div>
			</div>

			<div class="list-block cards-list">
				<ul class="list-container">
				</ul>
			</div>

			<div class="infinite-scroll-preloader">
				<div class="preloader"></div>
			</div>
		</div>
	</div>
	<script src='../static/plugins/jquery/jquery-2.2.3.min.js'></script>
	<script src='../static/plugins/jquery/jquery.json.min.js'></script>
	<script src='../static/light7/js/light7.min.js'></script>
	<script src="../static/swaper/js/swiper.min.js"></script>
	<script src="../static/plugins/artTemplate/js/template.js"></script>
	<script src='../static/common/drain.mobile.js'></script>
	<script src="js/index.js"></script>
	<script src="js/news.js"></script>
	<script type="text/html" id='noarticleHtml'>
	 <li class="card">
		<div class="card-header">温馨提示</div>
		<div class="card-content"><div class="card-content-inner">尊敬用户，当前城市，暂无任何动态</div></div>
	</li>
	</script>
	<script type="text/html" id='articleTemplate'>
	{{each records as article}}
		 <li class="card">
			  <div class="card-header">
				{{if article.prop=='1'}}
					<a class='link-title external' href='article.html?id={{article.articleId}}'>{{article.title}}</a>
				{{else}}
					<a class='link-title external' href='event.html?id={{article.eventId}}'>{{article.title}}</a>
				{{/if}}
		      </div>
			  <div class="card-content">
			     <div class="card-content-inner">
					<p style='color:#333'>{{article.digest}}
					{{if article.prop=='2'}}&nbsp;<span>商家活动<span>{{/if}}
					{{if article.prop=='3'}}&nbsp;<span>同城赛事<span>{{/if}}
					</p>
					{{if article.pic!=''||article.pic!=null}}
						<a class='link-title external' href='article.html?id={{article.articleId}}'>
							<img src='{{article.pic}}' style='max-width:99%px;max-height:180px;'>
						</a>
					{{/if}}
				</div>
			  </div>
			  <div class="card-footer">
				<span>{{article.author}} 
					{{if article.fornow!=''}}
						{{article.fornow}}
					{{else}}
						{{article.spendTime}}
					{{/if}}
				</span>
				<span>阅读：{{article.readnum}}次</span>
			  </div>
		</li>
	{{/each}}
	</script>
</body>
</html>