# 列表標簽
### 普通列表標簽
| 名稱 | 字段 | 調用代碼 |
| :----:| :----: | :---- |
| 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}
```
