# **列表页**
*****
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{$system.webname}-{$data.catename}</title>
<meta name="generator" content="lizhili team" />
<meta name="author" content="lizhili team" />
<meta name="copyright" content="lizhili team." />
<meta name="description" content="{$system.miaoshu}" />
<meta name="keywords" content="{$system.keyword}" />
<link crossorigin="anonymous"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
href="https://lib.baomitu.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="__INDEX__css/index.css">
</head>
<body>
{include file="conn/header" /}
<div id="body">
<div class="container">
{:breadcrumb(' > ')}
<div class="line col-md-12 col-xs-12">
<div class="col-md-8 left">
<div class="title col-md-12 col-xs-12">
<div class="col-md-4 col-xs-12 tit">
<span>{$data.catename}</span>
</div>
</div>
{volist name=":lit($id,8)" id="vo"}
<div class="list col-md-12 col-xs-12">
<div class="ti">
<h4><a href="{:url('index/show',['id'=>$vo.id])}">{$vo.title}</a></h4>
<span>{$vo.time|date='Y-m-d H:i:s'}</span>
</div>
<p><a href="{:url('index/show',['id'=>$vo.id])}">{$vo.desc}</a></p>
</div>
{/volist}
<div id="fenye">
{:lit($id,2)->render()}
</div>
</div>
{include file="conn/aside" /}
</div>
</div>
</div>
{include file="conn/footer" /}
<script crossorigin="anonymous"
integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
src="https://lib.baomitu.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
</html>
```