做網站,我們是認真的!

網站適配電腦+手機端,僅1280元,送2000M阿里云服務器,送com域名+免費備案
網站前端采用靜態系統顯示,后端動態管理,我們承諾網站包收錄,完成網站之后把源碼給客戶!

觀點

互聯網+時代,說建站,談運營與網絡營銷

[field:global.autoindex/]實現數字序號列表

時間:2020-12-21

標題描述的不太清楚,我們先看圖:

很多時候我們在做文章列表前面的序號時都直接采用的是背景圖片來實現的,但是這樣我們在實際寫頁面過程中需要手動調整每個序號間的間距,對于排版來說非常的麻煩。今天這個文章的目的就是是介紹怎么利用dedecms的[field:global.autoindex/]來實現前面的序號以及背景樣式。

實現方法:我們先看下面一段代碼

{dede:arclist  typeid=’1′ limit=’0,10′ titlelen=’30′} <li><em class=”num[field:global name=autoindex runphp="yes"](@me<4)? @me=”3″:@me=”";[/field:global]“>[field:global name=autoindex runphp="yes"](@me<10)? @me=”0@me”:@me=”10″;[/field:global]</em><a href=”[field:arcurl/]” target=”_blank” title=”[field:fulltitle/]“>[field:title/]</a></li>{/dede:arclist}

//@me 表示這個標記本身的值

//autoindex 自增序號 就想是一般循環有語句中的 i++  循環一次 自動加1

//runphp=”yes”  在php程序中運行

// em 大家都懂吧 是一個html標簽<em>其他的大家都懂的 我就不扯了

模板經過解析后前臺顯示為

<li><em class=”num3″>01</em><###</li>
<li><em class=”num3″>02</em>##</li>
<li><em class=”num3″>03</em>##</li>

<li><em class=”num”>09</em>##</li>
<li><em class=”num”>10</em>##</li>

顯示為10行,而且前面都帶有編號,至于序號上的顏色邊框我想大家用css或者是圖片都是可以實現的吧!

解釋下上面的語句,autoindex<4 則讓autoindex的值返回3   如果autoindex<10 則讓autoindex的值返回0autoindex;

如果說你要調用數字非常有規律,跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一個固定的數值,那么可以這樣寫@me=“@me”+1 ,其它請自行嘗試@me=“@me+1 ”是不對的,那樣+1會看作是一個字符串!

dedecms運用[field:global.autoindex/]實現數字序號列表就寫到這里,上面的案例只能在arclist標簽中使用,請大家注意了

0
首頁
案例
關于
聯系
凯时平台