使用方法

示例1：基本筛选器

{{筛选器
|id = basic
|title = 干员筛选
|target = .operator-card
|applyText = 筛选
|resetText = 重置
|groups = 
<div class="filter-group" data-filter-group="type">
  <h4>职业</h4>
  <div class="filter-options">
    {{筛选项|type|先锋|先锋}}
    {{筛选项|type|辅助|辅助}}
    {{筛选项|type|均衡|均衡}}
  </div>
</div>
}}

示例2：完整筛选器

{{筛选器
|id = full
|title = 干员高级筛选
|target = .operator-item
|applyText = 应用筛选
|resetText = 重置所有
|auto = true
|groups = 
<div class="filter-group" data-filter-group="type">
  <h4>职业类型</h4>
  <span class="filter-group-clear" data-filter-clear="type">清除</span>
  <div class="filter-options">
    <div class="filter-option filter-option-all filter-selected" 
         data-filter-group="type" 
         data-filter-value="all" 
         data-filter-display="全部" 
         tabindex="0" 
         role="button">
      <span class="filter-option-label">全部</span>
    </div>
    {{筛选项|type|先锋|先锋}}
    {{筛选项|type|辅助|辅助}}
    {{筛选项|type|医疗|医疗}}
    {{筛选项|type|狙击|狙击}}
    {{筛选项|type|重装|重装}}
  </div>
</div>
<div class="filter-group" data-filter-group="rarity">
  <h4>稀有度</h4>
  <span class="filter-group-clear" data-filter-clear="rarity">清除</span>
  <div class="filter-options">
    <div class="filter-option filter-option-all filter-selected" 
         data-filter-group="rarity" 
         data-filter-value="all" 
         data-filter-display="全部" 
         tabindex="0" 
         role="button">
      <span class="filter-option-label">全部</span>
    </div>
    {{筛选项|rarity|6|★★★★★★}}
    {{筛选项|rarity|5|★★★★★}}
    {{筛选项|rarity|4|★★★★}}
    {{筛选项|rarity|3|★★★}}
  </div>
</div>
<div class="filter-group" data-filter-group="attribute">
  <h4>属性</h4>
  <span class="filter-group-clear" data-filter-clear="attribute">清除</span>
  <div class="filter-options">
    <div class="filter-option filter-option-all filter-selected" 
         data-filter-group="attribute" 
         data-filter-value="all" 
         data-filter-display="全部" 
         tabindex="0" 
         role="button">
      <span class="filter-option-label">全部</span>
    </div>
    {{筛选项|attribute|fire|火}}
    {{筛选项|attribute|water|水}}
    {{筛选项|attribute|wind|风}}
    {{筛选项|attribute|thunder|雷}}
    {{筛选项|attribute|ice|冰}}
  </div>
</div>
}}