打开/关闭菜单
228
885
35
2802
植物大战僵尸杂交版Wiki
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

微件:PlantFilter:修订间差异

来自植物大战僵尸杂交版Wiki
无编辑摘要
无编辑摘要
 
(未显示2个用户的17个中间版本)
第21行: 第21行:
<div class="pvzhe-filter-box">
<div class="pvzhe-filter-box">
   <input type="text" id="pf-name" placeholder="名称搜索...">
   <input type="text" id="pf-name" placeholder="名称搜索...">
   <label>阳光 <input type="number" id="pf-sun-max" placeholder="不限" style="width:70px;"></label>
   <label>阳光 = <input type="number" id="pf-sun-max" placeholder="不限" style="width:70px;"></label>
   <label>冷却 <input type="number" id="pf-cd-max" placeholder="不限" style="width:70px;"></label>
   <label>冷却 = <input type="number" id="pf-cd-max" placeholder="不限" style="width:70px;"></label>
   <select id="pf-type">
   <select id="pf-type">
     <option value="">全部类型</option>
     <option value="">全部类型</option>
第31行: 第31行:
     <option value="灰烬">灰烬</option>
     <option value="灰烬">灰烬</option>
     <option value="治愈">治愈</option>
     <option value="治愈">治愈</option>
    <option value="磁力">磁力</option>
    <option value="魅惑">魅惑</option>
    <option value="反伤">反伤</option>
    <option value="击退">击退</option>
    <option value="底座">底座</option>
    <option value="换行">换行</option>
    <option value="低矮">低矮</option>
    <option value="爆胎">爆胎</option>
    <option value="夜行">夜行</option>
    <option value="无土栽培">无土栽培</option>
    <option value="咖啡豆">咖啡豆</option>
    <option value="反潜">反潜</option>
    <option value="全面索敌">全面索敌</option>
    <option value="水生">水生</option>
    <option value="价格恒定">价格恒定</option>
    <option value="两栖">两栖</option>
    <option value="高大">高大</option>
    <option value="全屏追踪">全屏追踪</option>
    <option value="双格">双格</option>
    <option value="悬浮">悬浮</option>
    <option value="全屏">全屏</option>
    <option value="全场各行">全场各行</option>
    <option value="减速">减速</option>
    <option value="穿透">穿透</option>
    <option value="吞噬墓碑">吞噬墓碑</option>
    <option value="亡语">亡语</option>
    <option value="照明">照明</option>
    <option value="点燃豌豆">点燃豌豆</option>
    <option value="点燃星星子弹">点燃星星子弹</option>
    <option value="收集子弹">收集子弹</option>
    <option value="召唤">召唤</option>
    <option value="吞噬僵尸">吞噬僵尸</option>
    <option value="中毒">中毒</option>
    <option value="随机盒子">随机盒子</option>
    <option value="手动发射">手动发射</option>
    <!-- 按需继续添加 -->
   </select>
   </select>
   <button id="pf-reset">重置</button>
   <button id="pf-reset">重置</button>
</div>
</div>
<script>
(function() {
  // 等页面加载完再执行
  document.addEventListener('DOMContentLoaded', function() {
    var nameInput = document.getElementById('pf-name');
    var sunMaxInput = document.getElementById('pf-sun-max');
    var cdMaxInput = document.getElementById('pf-cd-max');
    var typeSelect = document.getElementById('pf-type');
    var resetBtn = document.getElementById('pf-reset');
    var cards = document.querySelectorAll('.pvzhe-card');
    function filterCards() {
      var name = nameInput.value.toLowerCase();
      var sunMax = parseFloat(sunMaxInput.value) || Infinity;
      var cdMax = parseFloat(cdMaxInput.value) || Infinity;
      var type = typeSelect.value;
      cards.forEach(function(card) {
        var n = (card.getAttribute('data-name') || '').toLowerCase();
        var sun = parseFloat(card.getAttribute('data-sun')) || 0;
        var cd = parseFloat(card.getAttribute('data-cooldown')) || 0;
        var t = card.getAttribute('data-type') || '';
        var show = true;
        if (name && n.indexOf(name) === -1) show = false;
        if (sun > sunMax) show = false;
        if (cd > cdMax) show = false;
        if (type) {
          var cardTypes = t.split(',').map(function(s) { return s.trim(); });
          if (cardTypes.indexOf(type) === -1) show = false;
        }
        card.classList.toggle('hidden-card', !show);
      });
    }
    // 绑定事件
    nameInput.addEventListener('input', filterCards);
    sunMaxInput.addEventListener('input', filterCards);
    cdMaxInput.addEventListener('input', filterCards);
    typeSelect.addEventListener('change', filterCards);
    resetBtn.addEventListener('click', function() {
      nameInput.value = '';
      sunMaxInput.value = '';
      cdMaxInput.value = '';
      typeSelect.value = '';
      filterCards();
    });
  });
})();
</script>
</includeonly>
</includeonly>

2026年6月1日 (一) 06:51的最新版本