🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
>#### 多条件筛选标签 >适用范围:内容列表页使用,其实也可以用在首页等 标签作用:用于对内容列表进行筛选 <br> #### **1、使用步骤** * 1)到后台对模型添加扩展字段,字段类型选择单选或多选,同时填写单选或多选的可选内容; * 2)添加对应模型的栏目,并对栏目添加内容; * 3)到前台模板中调用相关扩展字段进行输出,具体见下面的例子。 >注意:如果需要在首页使用筛选,列表需要启用分页功能,添加page=1参数才有效。 * 4)获取筛选值可以用{$get.xxxx},如获取类型:{$get.`ext_leixing`} <br> #### **2、筛选调用标签** 1)全部标签 {shanke:selectall field=* text=* class=* active=*} 控制参数: field=\* 筛选的字段,必填,用于控制调取的筛选字段名称 text=\* 显示文字,非必填,用于控制显示的文字,默认显示”全部“ class=\* 非选中时样式,非必填,用于设置为文字非选中时的class常规样式 active=\* 选中时样式,非必填,用于设置为文字选中时的class高亮样式 2)筛选值标签 ``` {shanke:select field=*} <a href= "[select:link]">[select:value]</a> {/shanke:select} ```                 控制参数: > field=\* 筛选的字段,必填,用于控制调取的筛选字段名称 > > 一般情况下我们会有多个字段,那么只要重复上面的代码即可。 > > 选中值高亮处理:{shanke:if('\[select:value\]'=='\[select:current\]')}class= "active" {/shanke:if} 2)筛选可用标签 [select:i]序号 [select:current]当前选中值 [select:link]链接 [select:value]筛选值 <br> #### **多条件筛选示例** ``` 类型:{shanke:selectall field=ext_leixing text=全部 class='btn btn-light'  active='btnbtn-info'} | {shanke:select field=ext_leixing} {shanke:if([select:i]>1)}|{/shanke:if} [select:value] {/shanke:select} 颜色:{shanke:selectall field=ext_yanse text=全部 class='btn btn-light' active='btnbtn-info'} | {shanke:select field=ext_yanse} {shanke:if([select:i]>1)}|{/shanke:if} [select:value] {/shanke:select} ``` 还是在最后说一下就是需要大家去实践实践实践重要的事情说三遍 **:)**