dedecms循环列表样式
简单用法:
{dede:arclist typeid="1" row=""}
<li class="list[field:global.autoindex/]">[field:title function="cn_substr(@me,63)"/]</li>
{/dede:arclist}
输出类似于
<li class="list1">1</li>
<li class="list2">1</li>
<li class="list3">1</li>
<li class="list4">1</li>
<li class="list5">1</li>
<li class="list6">1</li>
非常有用
————————————————————————————————————————————————————————————————
————————————————————————————————————————————————————————————————
进阶用法
{dede:arclist typeid=’′ limit=’,′ titlelen=’′}
<li>
<em class=”num[field:global name=autoindex runphp="yes"](@me<)? @me=”″:@me=”";[/field:global]“>
[field:global name=autoindex runphp="yes"](@me<)? @me=”@me”:@me=”″;[/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标签中使用,请大家注意了
autoindex itemindex 的使用心得区别
channelartlist 标签下使用 {dede:global name='itemindex' runphp='yes'}@me;{/dede:global}
自增1
arclist 标签下使用 [field:global.autoindex/] 默认从1开始
channel 标签下使用 [field:global.autoindex/] 默认从0开始
channelartlist 标签下使用 {dede:global.itemindex/} 默认从1开始
arclist 从0开始[field:global name=autoindex runphp="yes"]@me=@me-1;[/field:global]
channel 从1开始[field:global name=autoindex runphp="yes"]@me=@me+1;[/field:global][field:typename/]
channelartlist 从0开始{dede:global name=itemindex runphp='yes'}@me=@me-1;{/dede:global}
dedecms循环列表样式的更多相关文章
- 微信小程序实现给循环列表点击添加类(单项和多项)
在微信小程序里面没有DOM对象, 不能操作DOM. 所有的操作通过数据来实现,下面主要实现了给循环列表点击添加类的操作 一.单项 目标需求:实现下图,给点击的view增加类,每次只能选择一个. 主要思 ...
- CSS3初学篇章_5(背景样式/列表样式/过渡动画)
背景样式 1.背景颜色语法:background-color : transparent | color body { background-color:#CCCCCC;} 2.渐变色彩语法:back ...
- 为dedecms文章列表页标题增加序号,第二页开始才显示第x页
想必大伙建站都会写文章,随着时间的推移,你的智慧结晶会越来越多,一般的建站程序早帮你想好了,把这些文章做成一个列表,比如dedecms栏目列表,便于观众浏览,但有个问题就是dedecms文章列表页标题 ...
- 循环列表的Java实现,解决约瑟夫环问题
import java.util.Scanner; /** * 循环列表的Java实现,解决约瑟夫环问题 * * @author LIU * */ public class LinkedList { ...
- SharePoint 2010 修改默认列表样式
SharePoint 2010 修改默认列表样式 :可以通过修改 下面两个全局配置进行修改.(未完..更新中...) C:\Program Files\Common Files\Microsoft ...
- 实现Word的列表样式
1.创建列表,但是不要求在文档视图中显示的层级列表 1)首先是要先把层级建立好,然后选中要编号文字.开始->段落->多级列表,选择一个列表样式,会默认所有的编号文字都是一级: 2)选择&q ...
- css中的列表样式
在网页设计中,我们经常将某些具有相似功能的标签放在同一组中,这时我们经常会用到列表标签(无序列表ul,有序列表ol),在列表标签中对列表样式的设计可以使我们的页面得到一定程度的美化. 在css中对列表 ...
- Word自定义多级列表样式
Word自定义多级列表样式: 1. 2. 3.取个名字 在这里鼠标移上时显示 : 4. 5. 定义完成,即可使用:
- CSS背景样式和列表样式
background-color 设置元素的背景颜色 background-image 把图像设置为背景 background-position 设置背景图像的起始位置 background-atta ...
随机推荐
- 【bzoj1672】[USACO2005 Dec]Cleaning Shifts 清理牛棚
题目描述 Farmer John's cows, pampered since birth, have reached new heights of fastidiousness. They now ...
- java基础杂烩
1. int ... arg: 可变参数 2. 数组拷贝放在JDK中的System类中,arraycopy(原数组,从原数组那一个索引开始拷贝,目标数组,在目标数组哪一个位置开始粘贴,拷贝元素的个 ...
- 学习 opencv---(6)玩转opencv源代码:生成opencv 工程解决方案与opencv 源码编译
在这篇中,我们探讨如何通过已安装的opencv选择不同的编译器类型,生成高度还原的OpenCV开发时的解决方案工程文件,欣赏OpenCV新版本中总计 六十六多万行的精妙源代码.我们可以对其源代码进行再 ...
- 【HEOI2012】采花 BZOJ2743
Description 萧芸斓是Z国的公主,平时的一大爱好是采花. 今天天气晴朗,阳光明媚,公主清晨便去了皇宫中新建的花园采花.花园足够大,容纳了n朵花,花有c种颜色(用整数1-c表示),且花是排成一 ...
- django 强制登录最佳实践
参考: https://python-programming.courses/recipes/django-require-authentication-pages/ 即通过中间件来做AOP拦截.不用 ...
- AtomicBoolean介绍与使用
java.util.concurrent.atomic.AtomicBoolean 继承自Object. 介绍: 在这个Boolean值的变化的时候不允许在之间插入,保持操作的原子性 方法和举例 ...
- css单位盘点
css单位有:px,em,rem,vh,vw,vmin,vmax,ex,ch 等等 1.px单位最常见,也最直接,这里不做介绍. 2.em:em的值并不是固定,它继承父级元素的字体大小,所以层数越深字 ...
- CSS3中的px,em,rem,vh,vw辨析
1.px:像素,精确显示 2.em:继承父类字体的大小,相当于"倍",如:浏览器默认字体大小为16px=1em,始终按照div继承来的字体大小显示,进场用于移动端 em换算工具:h ...
- xpath 总结
例如 <table id="MatchTable"> <tr id="Explain_1228761" style="display ...
- Appium 三种wait方法(appium 学习之改造轮子)
前些日子,配置好了appium测试环境,至于环境怎么搭建,参考:http://www.cnblogs.com/tobecrazy/p/4562199.html 知乎Android客户端登陆:htt ...