# **lit标签**
* 作用:用于列表页调取列表
## **说明**
* 属性(必填):`$id`: 当前栏目id
* 属性(非必):`$num`: 当前页面调取数量,每页展示条数,默认10
* 模板标签:`id`: 当前文章id,用于跳转
* 模板标签:`title`: 当前文章标题
* 模板标签:`keyword`: 当前文章关键字
* 模板标签:`desc`:当前文章简介
* 模板标签:`author`: 当前文章作者
* 模板标签:`pic`: 当前文章缩略图,可以设置默认图片
* 模板标签:`text`: 当前文章详情,一般不使用,如果使用请转换格式
* 模板标签:`state`: 当前文章是否推荐
* 模板标签:`click_wai`: 当前文章浏览量
* 模板标签:`time`: 当前文章发布时间,时间戳请用函数转换
* 模板标签:`laiyuan`: 当前文章来源
## **详细说明:**
~~~
{volist name=":lit($id,10)" id="vo"}
{$vo.id}
{$vo.title}
{$vo.keyword}
{$vo.desc}
{$vo.author}
{$vo.pic}
{$vo.text}
{$vo.state}
{$vo.click_wai}
{$vo.time}
{$vo.laiyuan}
{/volist}
~~~
## **详细说明:分页(默认使用 bootstrap 样式)**
~~~
{:lit($id,10)->render()}
~~~
## **例:典型示例**
### 分页默认使用bootstrap 样式,请自己引入
```
<ul>
<!--多图模式 置顶设计-->
{volist name=":lit($id,2)" id="vo"}
<li>
<h3 class="blogtitle"><a href="{:url('index/show',['id'=>$vo.id])}" target="_blank">{$vo.title}</a></h3>
<span class="blogpic imgscale"><i><a href="{:url('index/show',['id'=>$vo.id])}">原创模板</a></i><a href="{:url('index/show',['id'=>$vo.id])}" title=""><img src="{$vo.pic|default='/static/moren.jpg'}" alt=""></a></span>
<p class="blogtext">{$vo.desc}</p>
<p class="bloginfo"><i class="avatar"><img src="{$system.touxiang}"></i><span>【<a href="{:url('index/show',['id'=>$vo.id])}">{$vo.author|default='佚名'}</a>】</span><span>{$vo.time|date='Y-m-d'}</span></p>
<a href="{:url('index/show',['id'=>$vo.id])}" class="viewmore">阅读更多</a>
</li>
{/volist}
</ul>
<div id="fenye">
{:lit($id,2)->render()}
</div>
```