战斗员图鉴：修订间差异
来自卡厄思梦境WIKI
无编辑摘要 |
小无编辑摘要 |
||
| 第1行： | 第1行： | ||
{{面包屑}} | {{面包屑}} | ||
{{战斗员图鉴}} | <div id="character-filter-system"> | ||
<!-- 筛选控制面板 --> | |||
<div id="filter-controls" style="background-color: #f5f5f5; padding: 15px; margin-bottom: 20px; border-radius: 8px;"> | |||
<!-- 稀有度筛选 --> | |||
<div class="filter-group" style="margin-bottom: 15px;"> | |||
<span style="font-weight: bold; margin-right: 10px; display: inline-block;">稀有度：</span> | |||
<div class="filter-btn filter-rarity" data-filter="rarity" data-value="all" style="display: inline-block; margin-right: 5px; background-color: #007bff; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">全部</div> | |||
<div class="filter-btn filter-rarity" data-filter="rarity" data-value="5" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">5</div> | |||
<div class="filter-btn filter-rarity" data-filter="rarity" data-value="4" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">4</div> | |||
<div class="filter-btn filter-rarity" data-filter="rarity" data-value="3" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">3</div> | |||
</div> | |||
<!-- 职业筛选 --> | |||
<div class="filter-group" style="margin-bottom: 15px;"> | |||
<span style="font-weight: bold; margin-right: 10px; display: inline-block;">职业：</span> | |||
<div class="filter-btn filter-class" data-filter="class" data-value="all" style="display: inline-block; margin-right: 5px; background-color: #007bff; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">全部</div> | |||
<div class="filter-btn filter-class" data-filter="class" data-value="战士" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">战士</div> | |||
<div class="filter-btn filter-class" data-filter="class" data-value="法师" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">法师</div> | |||
<div class="filter-btn filter-class" data-filter="class" data-value="射手" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">射手</div> | |||
<div class="filter-btn filter-class" data-filter="class" data-value="辅助" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">辅助</div> | |||
<div class="filter-btn filter-class" data-filter="class" data-value="坦克" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">坦克</div> | |||
</div> | |||
<!-- 属性筛选 --> | |||
<div class="filter-group" style="margin-bottom: 15px;"> | |||
<span style="font-weight: bold; margin-right: 10px; display: inline-block;">属性：</span> | |||
<div class="filter-btn filter-attr" data-filter="attribute" data-value="all" style="display: inline-block; margin-right: 5px; background-color: #007bff; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">全部</div> | |||
<div class="filter-btn filter-attr" data-filter="attribute" data-value="火" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">火</div> | |||
<div class="filter-btn filter-attr" data-filter="attribute" data-value="水" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">水</div> | |||
<div class="filter-btn filter-attr" data-filter="attribute" data-value="风" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">风</div> | |||
<div class="filter-btn filter-attr" data-filter="attribute" data-value="雷" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">雷</div> | |||
<div class="filter-btn filter-attr" data-filter="attribute" data-value="虚无" style="display: inline-block; margin-right: 5px; background-color: #6c757d; color: white; padding: 5px 15px; border-radius: 4px; cursor: pointer;">虚无</div> | |||
</div> | |||
<div class="filter-group"> | |||
<div id="reset-filters" style="display: inline-block; margin-left: 20px; padding: 5px 15px; background-color: #dc3545; color: white; border-radius: 4px; cursor: pointer;">重置所有筛选</div> | |||
</div> | |||
</div> | |||
<!-- 显示当前筛选条件 --> | |||
<div id="current-filters" style="margin-bottom: 10px; padding: 10px; background-color: #e9ecef; border-radius: 5px; display: none;"> | |||
<strong>当前筛选：</strong> | |||
<span id="filter-display"></span> | |||
</div> | |||
<!-- 统计信息 --> | |||
<div id="filter-stats" style="margin-bottom: 10px; padding: 10px; background-color: #f8f9fa; border-radius: 5px;"> | |||
显示：<span id="visible-count">0</span> / <span id="total-count">0</span> 个战斗员 | |||
</div> | |||
<!-- 角色显示区域 --> | |||
<div id="character-container" style="display: flex; flex-wrap: wrap; gap: 15px;"> | |||
{{#ask:[[分类:战斗员]] | |||
|?名称 | |||
|?稀有度 | |||
|?职业 | |||
|?属性 | |||
|mainlabel=- | |||
|link=none | |||
|template=战斗员图鉴/个 | |||
|headers=hide | |||
|format=template | |||
|limit=1000 | |||
}} | |||
</div> | |||
</div> | |||
