[基礎用法] 名稱：screening 功能：篩選文章 語法： ``` {eyou:screening id='field' currentstyle='active' alltxt='不限' } <div class="row"> <div class="filter-box"> <!-- 篩選項欄目循環 --> {eyou:volist name='$field.list' id='vo'} <div class="filter-boxs"> <!-- 篩選項標題 --> <div class="filter-tit"> {$vo.title} ： </div> <!-- 篩選的可選值循環 --> <div class="filter-cen"> {eyou:volist name='$vo.dfvalue' id='val'} <a {$val.onClick} class="{$val.currentstyle}">{$val.name}</a>&nbsp; {/eyou:volist} </div> <!-- 篩選的可選值循環結束 --> </div> {/eyou:volist} <!-- 篩選項欄目循環結束 --> <!-- 清除所有篩選條件按鈕 --> <div class="filter-bt"><a href="{$field.resetUrl}">清除篩選條件</a></div> </div> <!-- 隱藏域 --> {$field.hidden} </div> {/eyou:screening} ``` 參數： id='' 可以任意指定循環里的變量名替代field，假設id='field1'，模板調用如：{$field.title} 變成 {$field1.title} typeid='' 專用于首頁篩選，首頁調用標簽一定要指定欄目ID currentstyle='' 應用樣式class類名 addfields='' 自定義字段名，多個字段之間用英文逗號隔開，比如：addfields='price,spce' alltxt='' 篩選數值中的第一個自定義選項，該選項是用于重置單條篩選條件，比如：alltxt='全部'，alltxt='不限'，alltxt='所有' empty='' 沒有數據時顯示的文案 底層字段： 請查閱易優Cms官方提供的數據字典，找到表名 ey_channelfield 、ey_article_content -------------------------------效果展示-------------------------------- 1，調用指定欄目文章 模板調用標準代碼 ``` {eyou:screening id='field' currentstyle='active' alltxt='全部'} <div class="row"> <div class="filter-box"> {eyou:volist name='$field.list' id='vo'} <div class="filter-boxs"> <div class="filter-tit"> {$vo.title} ： </div> <div class="filter-cen"> {eyou:volist name='$vo.dfvalue' id='val'} <a {$val.onClick} class="{$val.currentstyle}">{$val.name}</a>&nbsp; {/eyou:volist} </div> </div> {/eyou:volist} <div class="filter-bt"><a href="{$field.resetUrl}">清除篩選條件</a></div> </div> {$field.hidden} </div> {/eyou:screening} ``` 網站前端顯示效果（css樣式請自行填充） 【更多示例】 -------------------------------示例1-------------------------------- 描述：指定自定義字段讀取篩選條件 ``` {eyou:screening id='field' currentstyle='active' addfields='danxuan' alltxt='不限'} <div class="row"> <div class="filter-box"> {eyou:volist name='$field.list' id='vo'} <div class="filter-boxs"> <div class="filter-tit"> {$vo.title} ： </div> <div class="filter-cen"> {eyou:volist name='$vo.dfvalue' id='val'} <a {$val.onClick} class="{$val.currentstyle}">{$val.name}</a>&nbsp; {/eyou:volist} </div> </div> {/eyou:volist} <div class="filter-bt"><a href="{$field.resetUrl}">清除篩選條件</a></div> </div> {$field.hidden} </div> {/eyou:screening} ``` -------------------------------示例2-------------------------------- 描述：關閉 “不限” 篩選按鈕 ``` {eyou:screening id='field' currentstyle='active' alltxt='off'} <div class="row"> <div class="filter-box"> {eyou:volist name='$field.list' id='vo'} <div class="filter-boxs"> <div class="filter-tit"> {$vo.title} ： </div> <div class="filter-cen"> {eyou:volist name='$vo.dfvalue' id='val'} <a {$val.onClick} class="{$val.currentstyle}">{$val.name}</a>&nbsp; {/eyou:volist} </div> </div> {/eyou:volist} <div class="filter-bt"><a href="{$field.resetUrl}">清除篩選條件</a></div> </div> {$field.hidden} </div> {/eyou:screening} ```