Dedecms列表頁標簽list/pagelist使用方法及pagelist的樣式_DedeCms教程
      
編輯Tag賺U幣
      


      教程Tag：暫無Tag,歡迎添加,賺取U幣!
      


      
Dedecms列表頁標簽list/pagelist使用方法及pagelist的樣式,僅供大家參考學習。
      織夢Dedecms的默認頁面中有個list_article.htm頁面，這是dede的列表頁面。在列表頁顯示文章的列表，是通過dede的list和pagelist這兩個個標簽實現的。本文就這兩個標簽的使用及pagelist的樣式進行下詳細的說明。
      首先介紹下list標簽的參數及使用方法：
      標簽名稱：list
      功能說明：表示列表模版里的分頁內容列表
      使用范圍：僅列表頁模版 list_*.htm
      基本語法：{dede:list col=” titlelen=” infolen=” imgwidth=” listtype=” orderby=” pagesize=” orderway=”}{/dede:list}
      參數說明：
      col=” 內容列數
      titlelen=” 標題長度
      infolen=” 內容摘要長度
      imgwidth=” 縮略圖寬度
      imgheight=” 縮略圖高度
      orderby=” 排序方式，有效的排序方式有 senddate、pubdate、id、click、lastpost、postnum，默認為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標記除了支持檔案表的基本模板變量外，還支持附加表的字段，你可以在模型管理中知道附加表支持列表使用的字段有哪些。
      下面介紹pagelist的參數及使用方法：
      標簽名稱：pagelist
      功能說明：表示分頁頁碼列表
      適用范圍：僅列表模板 list_*.htm
      基本語法：{dede:pagelist listsize=’5′ listitem=”/}
      參數說明：
      listsize 表示[1][2][3] 這些項的長度 * 2
      listitem 表示頁碼的樣式，可以把下面的值疊加
      index 首頁
      pre 上一頁
      pageno 頁碼
      next 下一頁
      end 末頁
      option 下拉跳轉框
      例：{dede:pagelist listitem=’index,end,pre,next,pageno’ listsize=’5′ /}
      但是有時候直接引用上面的標簽的時候，會出現變形問題。因為pagelist本身就有一些樣式是在include/arc.listview.class.php定義css樣式的。所以如果你不采用默認模板的話，一調用這個標簽就容易出現問題。這是因為列表頁pagelist的分頁標記在v5.1下默認輸出這樣的樣式：
      1. <a href='#'>首頁</a>  
      2. <a href='#'>1</a>  
      3. <a href='#'>2</a>  
      4. <a href='#'>3</a>  
      5. <a href='#'>下一頁</a>  
      6. <a href='#'>末頁</a>  
      而在v5.3以后輸出樣式變成了這樣：
      1. <li><a href="#">首頁</a></li> 
      2. <li><a href="#">1</a></li> 
      3. <li><a href="#">2</a></li> 
      4. <li><a href="#">3</a></li> 
      5. <li><a href="#">下一頁</a></li> 
      6. <li><a href="#">末頁</a></li> 
      下面是兩個解決方法。
      方法一：（比較直觀的方法，個人感覺此方法最好）
      首先把這個標簽放在一個容器里
      1. <ul class='pagelist'>{dede:pagelist listsize='5' /}</ul> 
      然后定義css：
      1. .pagelist li{ float:left; margin-right:3px; list-style-type:none;} 
      方法二：去掉<li>標簽
      在include/arc.listview.class.php中刪除相應的<li>代碼，輸出就變成了v5.1的形式了。另外，include/arc.listview.class.php中option的代碼注釋掉了，恢復就能用了。
      DEDECMS自帶樣式表CSS定義在 /templets/default/style/page.css 中所有涉及到.dede_pages 的位置，V5.7中大約從第77開始。大家可以把這段CSS復制到自己的樣式表中，然后修改成自己想要的樣式就行了。
      


      查看更多 DedeCms教程  織夢模板  織夢DedeCms視頻教程  織夢dedecms專題
      

      


      來源：模板無憂//所屬分類：DedeCms教程/更新時間：2020-04-28


      


      



      


      



      相關DedeCms教程：