查看“︁微件:PlantFilter”︁的源代码

<includeonly>
<style>
.pvzhe-filter-box {
  margin: 10px 0;
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.pvzhe-filter-box input, .pvzhe-filter-box select {
  padding: 4px;
}
.pvzhe-card.hidden-card {
  display: none;
}
</style>

<div class="pvzhe-filter-box">
  <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-cd-max" placeholder="不限" style="width:70px;"></label>
  <select id="pf-type">
    <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>
  <button id="pf-reset">重置</button>
</div>
</includeonly>