odd_job/app/web/view/article/article.html

<style>
	.label-default {
	    background-color: #ccc;
	}
</style>

<div style="padding: 60px 0px; background-color: #f5f6fa;">
	<form action="{:url('/article/article')}" method="get">
		<input type="hidden" name="cateid" value="{$cateid}" />
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2">
					<div class="input-group input-group-lg">
						<input type="text" name="keywords" class="form-control" placeholder="请输入关键字..." value="{$keywords}">
						<span class="input-group-btn">
							<button class="btn btn-success" type="submit" style="background-color: #29a0a4;">立即搜索</button>
						</span>
						
					</div>
				</div>
			</div>
		</div>
	</form>
</div>

<div class="container comjobsnav" style="padding: 20px;">
	<div class="row">
		<div class="col-md-12" style="padding: 10px;">
			<a>分类：</a>
			{foreach $catelist as $key=>$vo }
			<a id="cateid{$vo.value}" href="{:url('/article/article',['keywords'=>$keywords,'cateid'=>$vo.value])}">{$vo.title}</a>
			{/foreach}
		</div>
		<div class="col-md-12">
			<hr />
		</div>
	</div>
</div>



<div class="container">
	{foreach $list as $key=>$vo }
	<div class="row comjobsitem">
		<div class="col-md-2 col-sm-12">
			<a href="{:url('/article/detail',['articleid' => $vo.id])}">
			<img class="img-thumbnail img-responsive" style="max-height: 200px !important;" src="{$vo.tilpic}" />
			</a>
		</div>
		<div class="col-md-10 col-sm-12">
			<a href="{:url('/article/detail',['articleid' => $vo.id])}">
				<span class="text-muted pull-right" style="font-size: 16px;">{$vo.articleCate.title}</span>
				<h4><strong>{$vo.title}</strong></h4>
			</a>
			<div class="text-muted" style="line-height: 24px;"> {$vo.summary|raw} </div>
		</div>
		<div class="col-md-12">
			<hr />
		</div>
	</div>
	{/foreach}
</div>


<div class="container">
	<div class="row">
		<div class="col-md-12 text-center" style="padding: 10px;">
			{$pageview|raw}
		</div>
	</div>
</div>

<script>
	$(document).ready(function() {
		$("#cateid{$cateid}").addClass("label label-primary");
	});
</script>