做網(wang)站的時候難(nan)免遇到(dao)列表頁分頁部分樣式怎么設計和(he)寫入CLASS標(biao)簽。就(jiu)比如(ru)你去(qu)利(li)用別(bie)人的網(wang)站分頁風(feng)格一樣或者自己(ji)先修改但是易優(you)是直接一個分頁標(biao)簽，這(zhe)個時候就(jiu)難(nan)倒了。
{eyou:pagelist listitem='index,pre,pageno,next,end' listsize='2' /}
那么我們該怎么修改了。
這(zhe)里我(wo)將(jiang)簡單(dan)的舉例說明下(xia)。
分頁樣式修改需改動PHP文件 目(mu)錄(lu)是(shi)：
core/library/think/paginator/driver
目錄里面的(de) Eyou.php ---(PC端）
首(shou)先(xian)，我們在這里先(xian)確認下 自己要改的樣(yang)式。
（這(zhe)里以(yi)對象網站來(lai)說明，也(ye)就是說 分頁樣式(shi)他(ta)首先是以(yi)什么(me)格式(shi)，
比(bi)如(ru) ：
<ul>
<li>--</li>
</ul>
這樣的(de)格式(shi) 你首(shou)先得先確認好他的(de)格式(shi)樣式(shi)才可以 這樣才能按照他的(de)格式(shi) 來做修改。
然后選擇頁數(shu)的(de)當時樣式(shi) 比(bi)如 是第二(er)頁 那么 第二(er)頁了這個鏈(lian)接（2）就會顯示(shi)不同的(de)樣式(shi)來高亮分辨(bian)
）
來個實際的例子吧！
<div class="ListsPages">
<a>首頁(ye)</a>
<a>上一頁</a>
<a class="active">1</a>
<a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">2</a><a href="/10262/shenghuochangshi/lists_1_3.html" data-ey_fc35fdc="html" data-tmp="1">3</a><a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">4</a> <a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">下(xia)一頁</a>
<a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">末頁</a>
</div>
像上(shang)面的樣(yang)式應(ying)該怎么修改到我們的分頁里面去了(le)。
首先我們先確定他的樣式 基本就(jiu)是
<div class="ListsPages">
<a class="active">1</a> //選擇后（當前頁）有樣式(shi)
<a>2</a> //沒選(xuan)擇后（當(dang)前頁）就(jiu)沒有(you)樣(yang)式
</div>
那么在(zai)風格模板里面我們就可以(yi)改成以(yi)下
<div class="ListsPages">
{eyou:pagelist listitem='index,pre,pageno,next,end' listsize='2' /}
</div>
然后到 PHP里面我們做修改就可以(yi)了,
分(fen)頁(ye)樣式修改改動PHP文件 目(mu)錄是(shi)：
core/library/think/paginator/driver
目錄里面的 Eyou.php ---(PC端）
找到：
-----------------------------劃分線開始(shi)---------------------------------------------
protected function getAvailablePageWrapper2($url, $page)
{
return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
}
/**
* 生成一個可點擊(ji)的按鈕(niu)
*
* @param string $url
* @param int $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
}
/**
* 生成一(yi)個禁用的按鈕
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<li><a>' . $text . '</a></li>';
}
/**
* 生成一個(ge)激(ji)活(huo)的按(an)鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
---------------------------------劃(hua)分(fen)線結束----------------------------------------
修改成以下 代碼：
---------------------------------劃分線開(kai)始(shi)----------------------------------------
protected function getAvailablePageWrapper2($url, $page)
{
return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
}
/**
* 生(sheng)成一個可點(dian)擊的按(an)鈕
*
* @param string $url
; * @param int $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
}
/**
* 生(sheng)成一個禁用的按鈕
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<a>' . $text . '</a>';
}
/**
* 生成一個激活(huo)的按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<a class="active">' . $text . '</a>';
}
---------------------------------劃(hua)分(fen)線結束(shu)----------------------------------------
紅色部分 active 就(jiu)是當前頁高亮變(bian)色的樣式。
其實修改的部分就是上面有顏色的部分
解說：
return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
改成：
return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
因為樣式里面沒有<li></li>部分
如果新版本里面
增加了
/**
* 生成(cheng)一個激活的(de)數字(zi)按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper2($text)
{
return '<li class="active"><a>' . $text . '</a>;</li>';
}
以上字段 切記 一樣給他修改成：
/**
* 生成(cheng)一個激(ji)活的數字按(an)鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper2($text)
{
return '<a class="active">' . $text . '</a>';
}
記得！！
保存即可！
這樣做(zuo)出來的(de)效(xiao)果 就是
<div class="ListsPages"> <a>首頁</a> <a>上一頁</a> <a class="active">1</a><a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">2</a><a href="/10262/shenghuochangshi/lists_1_3.html" data-ey_fc35fdc="html" data-tmp="1">3</a><a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">4</a> <a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">下一頁(ye)</a> <a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">末(mo)頁(ye)</a></div>
大家可以對照下我改(gai)的(de) 就知(zhi)道怎(zen)么修改(gai)了
總結是 先確定好格(ge)式 然后再按照(zhao)格(ge)式來(lai)做修改。
明天補充圖文教程
以(yi)對象(xiang)//demoall.yiyocms.com/10949/xinwendongtai/為(wei)例(li)子。
<div class="pglist">
<li><a>首(shou)頁</a></li>
<li><a>上一頁(ye)</a></li> <li><a class="hover">1</a></li><li><a href="/10949/xinwendongtai/lists_3_2.html" data-ey_fc35fdc="html" data-tmp="1">2</a></li>
<li><a href="/10949/xinwendongtai/lists_3_2.html" data-ey_fc35fdc="html" data-tmp="1">下一頁(ye)</a></li>
<li><a href="/10949/xinwendongtai/lists_3_2.html" data-ey_fc35fdc="html" data-tmp="1">末頁</a></li>
</div>
這就是分頁(ye)樣式(shi)格式(shi)
前端列(lie)表頁下面的分頁格式 我們就可以直(zhi)接(jie)寫成：
<div class="pglist">
{eyou:pagelist listitem='index,pre,pageno,next,end' listsize='2' /}
</div>
然后打開corelibrarythinkpaginatordriver
目錄里面(mian)的 Eyou.php 做出(chu)修改：
首先是定義當前頁數高亮的部分(fen)，就(jiu)是當前比如是第一頁 那么(me)這個就(jiu)是激活按(an)鈕樣式
<li><a class="hover">1</a></li> 我(wo)們(men)上面的 樣(yang)式 第一頁為 那么(me)我(wo)們(men)先(xian)找(zhao)這個出來。
/**
* 生成一個(ge)激活的數字按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper2($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
將上面的
return '<li class="active"><a>' . $text . '</a></li>';
改成：
return '<li><a class="hover">' . $text . '</a></li>';
/**
然后
* 生成一個(ge)激活的按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
將上面的：
return '<li class="active"><a>' . $text . '</a><;/li>';
改成：
return '<li><a class="hover">' . $text . '</a></li>';
即可
然后查看總體的格式：
他(ta)這里都是<li></li>
那么我們基本不用多做修改 因為(wei)默認的也是帶<li> 格式
這樣出來(lai)的效果就是一(yi)樣了。
注意的(de)就是格(ge)式要(yao)跟我們自(zi)己樣式一樣 就可以了
假如我們用其他的 直接(jie)a標(biao)簽 不帶<li> 那么就可以直接(jie)刪了(le) 這個標(biao)簽
結束