美文网首页
eyoucms arcpagelist 瀑布流分页列表

eyoucms arcpagelist 瀑布流分页列表

作者: 西祠_fa33 | 来源:发表于2019-03-06 08:41 被阅读0次

    arcpagelist 瀑布流分页列表(配合arclist标签可实现ajax瀑布流分页)                                                                                                                     

    [基础用法]

    名称:arcpagelist

    功能:实现无刷新瀑布流分页,可适用于列表分页,与区域块的列表分页。

    (注意:要实现瀑布流分页,必须要在模板目录pc/system里创建一个模板样本,命名格式为:arclist_+tagid属性名称,比如:arclist_index001.htm,里面内容请复制arclist标签包住的全部代码片段,不包括arclist标签。可以参考示例。)

    语法:

    {eyou:arcpagelist tagid='与arclist标签的tagid名称一致' pagesize='3' tips='没有数据了'}

    点击加载更多

    {/eyou:arcpagelist}

    参数:

    tagid='' 对应arclist标签的tagid名称,紧跟在arlis标签之后使用,可实现ajax瀑布流分页;

    pagesize='' 每次加载分页的条数;

    tips='' 加载完数据之后显示没有数据的文案,比如:没有数据了

    loading='' 加载样式效果,默认是转圈图片,可以填写文案,比如:加载中…

    id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title}

    底层字段:

    【更多示例】

    -------------------------------示例1--------------------------------

    描述:在非列表页实现无刷新的瀑布流分页

    {eyou:arclist typeid='栏目ID' limit='0,10' tagid='唯一的标签名称'}

        <a href='{$field.arcurl}'>{$field.title}</a>

    {/eyou:arclist}

    {eyou:arcpagelist pagesize='3' tagid='与arclist标签的tagid名称一致' tips='没有数据了'}

    点击加载更多

    {/eyou:arcpagelist}

    同时在模板目录pc/system目录下创建瀑布流加载文件 arclist_属性tagid名称.htm ,并把标签arclist包住的代码片段复制到里面,比如:

    arclist_index001.htm文件里的内容为:

    <a href='{$field.arcurl}'>{$field.title}</a>

    -------------------------------示例2--------------------------------

    描述:在列表页实现无刷新的瀑布流分页

    {eyou:arclist limit='0,10' tagid='唯一的标签名称'}

        <a href='{$field.arcurl}'>{$field.title}</a>

    {/eyou:arclist}

    {eyou:arcpagelist pagesize='3' tagid='与arclist标签的tagid名称一致' tips='没有数据了'}

    点击加载更多

    {/eyou:arcpagelist}

    同时在模板目录pc/system目录下创建瀑布流加载文件 arclist_属性tagid名称.htm ,并把标签arclist包住的代码片段复制到里面,比如:

    arclist_index001.htm文件里的内容为:

    {$field.title}

    转自:https://www.eyoucms.com/doc/label/list/6279.html#dt_67

    相关文章

      网友评论

          本文标题:eyoucms arcpagelist 瀑布流分页列表

          本文链接:https://www.haomeiwen.com/subject/gnwguqtx.html