查看“︁微件: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>
    <!-- 按需继续添加 -->
  </select>
  <button id="pf-reset">重置</button>
</div>
</includeonly>