POST TIME:2017-11-13 00:32
很多時(shí)候我們?cè)谧鑫恼铝斜砬懊娴男蛱?hào)時(shí)都直接采用的是背景圖片來(lái)實(shí)現(xiàn)的,但是這樣我們?cè)趯?shí)際寫頁(yè)面過程中需要手動(dòng)調(diào)整每個(gè)序號(hào)間的間距,對(duì)于排版來(lái)說非常的麻煩。今天這個(gè)文章的目的就是是介紹怎么利用dedecms的[field:global.autoindex/]來(lái)實(shí)現(xiàn)前面的序號(hào)以及背景樣式。
實(shí)現(xiàn)方法:我們先看下面一段代碼
{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 表示這個(gè)標(biāo)記本身的值
//autoindex 自增序號(hào) 就想是一般循環(huán)有語(yǔ)句中的 i++ 循環(huán)一次 自動(dòng)加1
//runphp=”yes” 在php程序中運(yùn)行
// em 大家都懂吧 是一個(gè)html標(biāo)簽<em>
模板經(jīng)過解析后前臺(tái)顯示為
<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行,而且前面都帶有編號(hào),至于序號(hào)上的顏色邊框我想大家用css或者是圖片都是可以實(shí)現(xiàn)的吧!
解釋下上面的語(yǔ)句,autoindex<4 則讓autoindex的值返回3 如果autoindex<10 則讓autoindex的值返回0autoindex;
如果說你要調(diào)用數(shù)字非常有規(guī)律,跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一個(gè)固定的數(shù)值,那么可以這樣寫@me=“@me”+1 ,其它請(qǐng)自行嘗試@me=“@me+1”是不對(duì)的,那樣+1會(huì)看作是一個(gè)字符串!
dedecms運(yùn)用[field:global.autoindex/]實(shí)現(xiàn)數(shù)字序號(hào)列表就寫到這里,上面的案例只能在arclist標(biāo)簽中使用。