artpagelist 瀑布流

[基礎(chǔ)用法]
標(biāo)簽:artpagelist

描述:實現(xiàn)無刷新瀑布流分頁,適用于首頁,列表分頁,內(nèi)容頁等模板。小注:需配合artlist標(biāo)簽。

注意:要實現(xiàn)瀑布流分頁,必須要在模板目錄pc/system里創(chuàng)建一個模板樣本,命名格式為:arclist_+tagid屬性名稱,比如:arclist_index001.htm,里面內(nèi)容請復(fù)制artlist標(biāo)簽包住的全部代碼片段,不包括artlist標(biāo)簽。可以參考示例。

用法:
{eyou:artpagelist tagid='與artlist標(biāo)簽的tagid名稱一致' pagesize='3' tips='沒有數(shù)據(jù)了'}
    <a href="javascript:void(0);" {$field.onclick}>點擊加載更多</a>
{/eyou:artpagelist}

屬性:

tagid='' 對應(yīng)arclist標(biāo)簽的tagid名稱,緊跟在arlis標(biāo)簽之后使用,可實現(xiàn)ajax瀑布流分頁;
pagesize='' 每次加載分頁的條數(shù);
tips='' 加載完數(shù)據(jù)之后顯示沒有數(shù)據(jù)的文案,比如:沒有數(shù)據(jù)了
loading='' 加載樣式效果,默認(rèn)是轉(zhuǎn)圈圖片,可以填寫文案,比如:加載中&hellip;
id='' 可以任意指定循環(huán)里的變量名替代field,假設(shè)id='field1',模板調(diào)用如:{$field.title} 變成 {$field1.title}
涉及表字段:

 

 

【更多示例】
-------------------------------示例1--------------------------------

描述:在非列表頁(比如首頁、內(nèi)容頁等)實現(xiàn)無刷新的瀑布流分頁,需指定欄目ID

<div id='與arclist標(biāo)簽的tagid名稱一致'>
{eyou:artlist typeid='欄目ID' row='10' tagid='唯一的標(biāo)簽名稱'}
    <a href='{$field.arcurl}'>{$field.title}</a>
{/eyou:artlist}
</div>
{eyou:artpagelist pagesize='3' tagid='與arclist標(biāo)簽的tagid名稱一致' tips='沒有數(shù)據(jù)了'}
    <a href="javascript:void(0);" {$field.onclick}>點擊加載更多</a>
{/eyou:artpagelist}

同時在模板目錄pc/system目錄下創(chuàng)建瀑布流加載文件 arclist_屬性tagid名稱.htm ,并把標(biāo)簽artlist包住的代碼片段復(fù)制到里面,比如:
arclist_index001.htm文件里的內(nèi)容為:

<a href='{$field.arcurl}'>{$field.title}</a>
-------------------------------示例2--------------------------------

描述:在列表頁實現(xiàn)無刷新的瀑布流分頁,不需指定欄目ID

<div id='與artlist標(biāo)簽的tagid名稱一致'>
{eyou:artlist row='10' tagid='唯一的標(biāo)簽名稱'}
    <a href='{$field.arcurl}'>{$field.title}</a>
{/eyou:artlist}
</div>
{eyou:artpagelist pagesize='3' tagid='與artlist標(biāo)簽的tagid名稱一致' tips='沒有數(shù)據(jù)了'}
    <a href="javascript:void(0);" {$field.onclick}>點擊加載更多</a>
{/eyou:artpagelist}

同時在模板目錄pc/system目錄下創(chuàng)建瀑布流加載文件 arclist_屬性tagid名稱.htm ,并把標(biāo)簽artlist包住的代碼片段復(fù)制到里面,比如:
arclist_index001.htm文件里的內(nèi)容為:
<a href='{$field.arcurl}'>{$field.title}</a>

 


文檔最后更新時間:2023-12-27 10:22:02

文檔
目錄

深色
模式

切換
寬度