# 列表标签
### 普通列表标签
| 名称 | 字段 | 调用代码 |
| :----:| :----: | :---- |
| SEO标题 | title |{$title} |
| SEO关键词 | keywords | {$keywords}|
| SEO描述 | description | {$description} |
| 内容id | id |{$vo.id} |
| 内容时间 | create_time |{$vo.create_time} |
| 内容链接 | url |{$vo.url} |
| 内容栏目ID | c_id |{$vo.c_id} |
| 内容标题 | title |{$vo.title} |
| 内容缩略图 | picture |{$vo.picture} |
| 列表分页 | page |{$page|raw} |
| 内容描述 | content |{$vo.content|str2sub=60, true} |
| 更多自定义（名称） | 自定义（字段） |内容模型自定义添加字段，自由增减{$vo.字段名}|
#### 标签参数
| 参数名 | 名称 | 默认 |说明 |
| :----:| :----: | :----: | :---- |
| cid | 栏目ID | 必填| cid="$cid" 当前栏目ID |
| limit | 每页显示数量 | 10 | limit='5' 为取5条 |
| name | 内部调用名 | 必填 | name='vo' |
| order | 排序方式 | 'sort desc' | order='id desc'|
| field | 字段 | 空 | field='id,title' 不传所有字段 |
#### 示范调用
```
{Kc:list cid="$cid" field='id,title,c_id,picture,content' limit="4" order='id desc' name="vo"}
<div class="newsBox"><a href="{$vo.url}" class="cl">
<div class="newsimg fr"><img src="{$vo.picture}"
alt="{$vo.title}"></div>
<div class="newswds fl">
<div class="title">
<h3>{$vo.title}</h3>
<span>{$vo.create_time}</span></div>
<div class="wds">
<p>{$vo.content|str2sub=60, true}</p>
</div>
</div>
</a></div>
{/Kc:list}
```
### 搜索列表标签参数
| 参数名 | 名称 | 默认 |说明 |
| :----:| :----: | :----: | :---- |
| keywords | 关键词 | 必填| keywords="$keywords" 搜索的关键词 |
| limit | 每页显示数量 | 10 | limit='5' 为取5条 |
| name | 内部调用名 | 必填 | name='vo' |
| order | 排序方式 | 'sort desc' | order='id desc'|
| field | 字段 | 空 | field='id,title' 不传所有字段 |
#### 示范调用
```
{Kc:search keywords="$keywords" field='id,title' limit="4" order='id desc' name="vo"}
<div class="resultBox"><a href="{$vo.url}">
<h3 class="theme"><i>1. </i>{$vo.title}</h3>
<div class="wds">
<p>{$vo.create_time}</p>
</div>
</a></div>
{/Kc:search}
```
### 分页样式代码
```
<style>
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #3db72c;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #3db72c;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #6bb778;
border-color: #3db72c;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
</style>
<div class="paginationBox tc">
{$page|raw}
</div>
```
### 指定栏目ID内容列表标签参数
| 参数名 | 名称 | 默认 |说明 |
| :----:| :----: | :----: | :---- |
| cid | 栏目ID | 必填| cid="$cid" 当前栏目ID |
| limit | 每页显示数量 | 10 | limit='5' 为取5条 |
| name | 内部调用名 | 必填 | name='vo' |
| order | 排序方式 | 'sort desc' | order='id desc'|
| field | 字段 | 空 | field='id,title' 不传所有字段 |
| flag | 类型 | 空 | flag="p,c" p:为图片， h:为头条，c:为推荐，d:为置顶，|
#### 示范调用
```
{Kc:articles cid="$ov['id']" limit="5" name="vo" flag="p"}
<div> <a href="{$vo.url}">
<div class="date"> <span class="day">{:date('j',strtotime($vo.create_time))}</span> {$vo.create_time} </div>
<h3>{$vo.title}</h3>
<p>{$vo.title}</p>
</a>
<div class="slidebg hidden-xs"> <img src="{$vo.picture}" alt="{$vo.title}"> </div>
</div>
{/Kc:articles}
```
