POST TIME:2017-11-13 00:55
Dede的默認(rèn)頁面中有個list_article.htm頁面,這是dede的列表頁面。在列表頁顯示文章的列表,是通過dede的list和pagelist這兩個個標(biāo)簽實(shí)現(xiàn)的。本文就這兩個標(biāo)簽的使用及pagelist的樣式進(jìn)行下詳細(xì)的說明。
首先介紹下list標(biāo)簽的參數(shù)及使用方法:
標(biāo)簽名稱:list
功能說明:表示列表模版里的分頁內(nèi)容列表
使用范圍:僅列表頁模版 list_*.htm
基本語法:{dede:list col=” titlelen=” infolen=” imgwidth=” listtype=” orderby=” pagesize=” orderway=”}{/dede:list}
參數(shù)說明:
col=” 內(nèi)容列數(shù)
titlelen=” 標(biāo)題長度
infolen=” 內(nèi)容摘要長度
imgwidth=” 縮略圖寬度
imgheight=” 縮略圖高度
orderby=” 排序方式,有效的排序方式有 senddate、pubdate、id、click、lastpost、postnum,默認(rèn)為sortrank
pagesize=’20’ 分頁大小
底層模版字段:
ID(同id), typeid, sortrank, flag, ismake, channel,arcrank,click,money,title,shorttitle,color,writer,source,litpic(同picname),pubdate,senddate,mid,lastpost,scores,goodpost,badpost,notpost,description(同infos),filename, image, imglink, fulltitle, textlink, typelink,plusurl, memberurl, templeturl,stime(pubdate 的”0000-00-00″格式)
注:list標(biāo)記除了支持檔案表的基本模板變量外,還支持附加表的字段,你可以在模型管理中知道附加表支持列表使用的字段有哪些。
下面介紹pagelist的參數(shù)及使用方法:
標(biāo)簽名稱:pagelist
功能說明:表示分頁頁碼列表
適用范圍:僅列表模板 list_*.htm
基本語法:{dede:pagelist listsize=’5′ listitem=”/}
參數(shù)說明:
listsize 表示[1][2][3] 這些項(xiàng)的長度 * 2
listitem 表示頁碼的樣式,可以把下面的值疊加
index 首頁
pre 上一頁
pageno 頁碼
next 下一頁
end 末頁
option 下拉跳轉(zhuǎn)框
例:{dede:pagelist listitem=’index,end,pre,next,pageno’ listsize=’5′ /}
但是有時候直接引用上面的標(biāo)簽的時候,會出現(xiàn)變形問題。因?yàn)閜agelist本身就有一些樣式是在include/arc.listview.class.php定義css樣式的。所以如果你不采用默認(rèn)模板的話,一調(diào)用這個標(biāo)簽就容易出現(xiàn)問題。這是因?yàn)榱斜眄損agelist的分頁標(biāo)記在v5.1下默認(rèn)輸出這樣的樣式:
<a href='#'>首頁</a> <a href='#'>1</a> <a href='#'>2</a> <a href='#'>3</a> <a href='#'>下一頁</a> <a href='#'>末頁</a>
而在v5.3以后輸出樣式變成了這樣:
<li><a href="#">首頁</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">下一頁</a></li> <li><a href="#">末頁</a></li>
下面是兩個解決方法。
方法一:(比較直觀的方法,個人感覺此方法最好)
首先把這個標(biāo)簽放在一個容器里
<ul class='pagelist'>{dede:pagelist listsize='5' /}</ul>
然后定義css:
.pagelist li{ float:left; margin-right:3px; list-style-type:none;}
方法二:去掉<li>標(biāo)簽
在include/arc.listview.class.php中刪除相應(yīng)的<li>代碼,輸出就變成了v5.1的形式了。另外,include/arc.listview.class.php中option的代碼注釋掉了,恢復(fù)就能用了。
DEDECMS自帶樣式表CSS定義在 /templets/default/style/page.css 中所有涉及到.dede_pages 的位置,V5.7中大約從第77開始。大家可以把這段CSS復(fù)制到自己的樣式表中,然后修改成自己想要的樣式就行了。