目录位置
一般命名为pagelist.htm,放在模板目录的common文件夹下
模板引入分页
{include tpl=common/pagelist}
PC端分页代码
{php:$pagelist = phpok_page($pageurl,$total,$pageid,$psize,"prev=上一页&next=下一页&last=末页&home=首页&always=1&half=5","rewrite=/(page).html","cut=.html")}
{if $total > $psize}
<div class="pages" {if $style} style="{$style}"{/if}>
<ul>
{loop from=$pagelist key=$key value=$value}
<li{if $value.status} class="current"{/if}>
{if $value.nolink}
<span>{$value.title}</span>
{else}
<a href="{$value.url}" title="{$value.title}">{$value.title}</a>
{/if}
</li>
{/loop}
</ul>
</div>
{/if}
用到搜索的用这个
{if !$keywords}
{php:$pagelist = phpok_page($pageurl,$total,$pageid,$psize,"always=1&half=5","rewrite=/(page).html","cut=.html")}
{if $total > $psize}
<div class="pages" {if $style} style="{$style}"{/if}>
<ul> {loop from=$pagelist key=$key value=$value} <li{if $value.status} class="current"{/if}> {if $value.nolink} <span>{$value.title}</span> {else} <a href="{$value.url}" title="{$value.title}">{$value.title}</a> {/if} </li> {/loop}
</ul>
</div>
{/if}
{else}
<!-- php:$pagelist = phpok_page($pageurl,$total,$pageid,$psize,"always=1&half=5") -->
<div class="pages" {if $style} style="{$style}"{/if}>
<ul> {loop from=$pagelist key=$key value=$value} <li{if $value.status} class="current"{/if}> {if $value.nolink} <span>{$value.title}</span> {else} <a href="{$value.url}" title="{$value.title}">{$value.title}</a> {/if} </li> {/loop}
</ul>
</div>
{/if}
PC端分页样式
/* 通用分页样式 */
.pages {
height: 26px;
padding: 5px 0;
margin-top: 5px;
clear: both;
}
.pages:after {
content: '.'
clear: both;
height: 0;
line-height: 0;
display: block;
visibility: hidden;
}
.pages ul {
padding: 0;
list-style: none;
margin: 0;
}
.pages li {
float: left;
margin-right: 5px;
}
.pages li a {
padding: 5px 10px;
border: 1px solid #e1e1e1;
height: 24px;
line-height: 24px;
color: #666;
}
.pages li a:hover {
border: 1px solid #3a97ef;
background: #3a97ef;
color: #fff;
text-decoration: none;
}
.pages li span {
border: 1px solid #e1e1e1;
height: 24px;
line-height: 24px;
color: #c4c4c4;
padding: 5px 10px;
}
.pages .current a {
border: 1px solid #3a97ef;
background: #3a97ef;
color: #fff;
}
手机端分页代码
{if $total}
{php:$pagelist = phpok_page($pageurl,$total,$pageid,$psize,"last=末页&home=首页&always=1&half=2")}
<div class="pages" {if $style} style="{$style}"{/if}>
<ul>
{loop from=$pagelist key=$key value=$value}
<li{if $value.status} class="current"{/if}>
{if $value.nolink}
<span>{$value.title}</span>
{else}
<a href="{$value.url}" title="{$value.title}">{func phpok_cut $value.title 8 …}</a>
{/if}
</li>
{/loop}
</ul>
</div>
{/if}
手机端分页样式
/* 通用分页样式 */
.pages {
height: 36px;
padding: 20px;
margin-top: 30px;
clear: both;
}
.pages:after {
content: '.'
clear: both;
height: 0;
line-height: 0;
display: block;
visibility: hidden;
}
.pages ul {
padding: 0;
list-style: none;
margin: 0;
}
.pages li {
float: left;
margin-right: 8px;
}
.pages li a {
display: block;
padding: 0 15px;
border: 1px solid #e1e1e1;
height: 28px;
line-height: 28px;
color: #666;
}
.pages li a:hover {
border: 1px solid #3a97ef;
background: #3a97ef;
color: #fff;
text-decoration: none;
}
.pages li span {
display: block;
border: 1px solid #e1e1e1;
height: 28px;
line-height: 28px;
color: #c4c4c4;
padding: 0 10px;
}
.pages .current a {
border: 1px solid #3a97ef;
background: #3a97ef;
color: #fff;
}
具体使用不解释,按需求修改