dedecms循环列表样式

简单用法:

{dede:arclist   typeid="1" row="6"}
<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=’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标签中使用,请大家注意了

时间: 2024-10-11 11:18:29

dedecms循环列表样式的相关文章

微信小程序实现给循环列表点击添加类(单项和多项)

在微信小程序里面没有DOM对象, 不能操作DOM. 所有的操作通过数据来实现,下面主要实现了给循环列表点击添加类的操作 一.单项 目标需求:实现下图,给点击的view增加类,每次只能选择一个. 主要思路:给点击的view增加类,依靠点击的index对state进行赋值.如果相同时,给该view增加类. 实现代码: .wxml文件 1 <view> 2 <view class='appointent-date'> 3 <view class="appointent-d

CSS声明 列表样式 显示方式 鼠标形状

列表样式 list-style-type list-style-image 显示方式: 默认显示方式 改变显示方式 鼠标形状: 如何改变属性形状 cursor属性 list-style-type: 该属性控制列表中列表项标志的样式 无序列表 有序列表 list-style-image 该属性使用图像替换列表项的标志 取值为:URL(),制定图像有序或无序列表项的标志 列表样式代码: <!doctype html> <html> <head> <title>列

雪碧图,列表样式以及列表样式实现导航栏布局

雪碧图 <style> div { height: 28px; width: 28px; background-repeat: no-repeat; background-image: url("../../img/xuebitu.gif"); } #div2 { background-position: -85px 0; } #div3 { background-position: -163px -30px; } </style> <title>雪

CSS控制列表样式属性list-style有哪些?怎么用?

CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云南小天使的回答很好的帮助了众多遇到同样问题的网友原文地址http://www.w3cschool.cn/css3/question-10231611.html 以下为回答原文: 一.什么是CSS列表? CSS列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业

css中的列表样式

在网页设计中,我们经常将某些具有相似功能的标签放在同一组中,这时我们经常会用到列表标签(无序列表ul,有序列表ol),在列表标签中对列表样式的设计可以使我们的页面得到一定程度的美化. 在css中对列表样式主要是对列表项目前列表符号的设置,其语法如下: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian

边框,光标和列表样式

光标属性: cursor:pointer|wait|help|progress;   光标变成手掌|转圈|问号|带箭头的问号 边框属性: border-color:red; border-width:20px; border-style:none|solid|dotted|dashed|double|inset|outset;   无边框|实线|以点构成的边框|虚线边框|双线边框|凹|凸 以下是边框样式的效果: border-style:solid;  : border-style:dotted

SharePoint 2010 用xsl文件定制列表样式

有时候我们不希望列表用默认的方式显示,要我们自定义的方式定制.其中有一种方式是使用xsl文件. 在AllItems.aspx页面中,列表是以webpart的形式显示在页面上的,webpart类型是XsltListViewWebPart,当我们编辑web部件的时候,有一个属性是"XSL 链接",我们就定义一个xsl文件,然后将xsl的文件链接放到这里就完成任务了. 下面是我的xsl代码,将它保存到customstyle.xsl文件中,将这个文件复制到,/_layouts/xsl/下. 1

平台中配置网格列表样式报:ORA-01461错误

今天有客户反映,在创建表单工作流程,配置网格列表样式时,报ORA-01461:仅能绑定要插入LONG列的LONG值错误:错图截图如下: 在网上查询了下错误原因为:数据库表中有字段长度超过4000:但是通过排查发现表中没有长度超过4000的字段,那又是什么原因导致报这个错误呢? 个人估计为创建的表字段太多造成(该表一共创建了380多个字段),果然在删除一部分字段后,再配置网格列表样式时就不会报错 在此建议在创建数据库表字段时,尽可能的不要超过254个字段 原文地址:http://bbs.delit

列表样式切换

列表样式的切换 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>列表样式切换</title> <style> *{ margin: 0; padding: 0; } ul { list-style-type: none; } .box{ width: 789px; height: auto; margin: 0 auto; }