棋子:修订间差异
来自勿忘草与永远的少女
跳到导航跳到搜索
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
<div style="text-align: center;"> | <div style="text-align: center;"> | ||
<span style="font-size: 2em; font-weight: bold;">⚔️ 棋子图鉴 ⚔️</span> | <span style="font-size: 2em; font-weight: bold;">⚔️ 棋子图鉴 ⚔️</span> | ||
<p>点击头像或名称可跳转至详情页 | 表格支持实时筛选</p> | |||
</div> | </div> | ||
< | <!-- 筛选输入框 --> | ||
<div style="margin: 20px 0; text-align: center;"> | |||
<input type="text" id="searchInput" placeholder="🔍 输入关键词筛选(名称/羁绊/定位/元素...)" style="padding: 8px 15px; width: 300px; border-radius: 20px; border: 1px solid #ccc;"> | |||
</div> | |||
<!-- 表格 --> | |||
<table class="wikitable sortable" id="character-table" style="width: 100%; text-align: center;"> | |||
<thead> | |||
<th>立绘</th> | |||
<th>名称</th> | |||
<th>所属羁绊</th> | |||
<th>定位</th> | |||
<th>费用</th> | |||
<th>元素</th> | |||
<th>弱点元素</th> | |||
</thead> | |||
<tbody> | |||
<!-- ========== 请从这里开始逐行添加你的棋子数据 ========== --> | |||
<!-- 示例:天子 --> | |||
| [[天子|[[File:角色01.png|60px]]]] || [[天子]] || 重装战士、游戏开发部 || 肉盾 || SR 3费 || 物理 || 虚数 | |||
<!-- 示例:其他棋子请按此格式添加 --> | |||
<!-- [[页面名|[[File:图片名.png|60px]]]] || [[页面名]] || 羁绊1、羁绊2 || 定位 || 费用 || 元素 || 弱点元素 --> | |||
<!-- ========== 添加结束 ========== --> | |||
</tbody> | |||
</table> | |||
<script> | |||
$(function() { | |||
$('#searchInput').on('keyup', function() { | |||
var searchText = $(this).val().toLowerCase(); | |||
$('#character-table tbody tr').each(function() { | |||
var rowText = $(this).text().toLowerCase(); | |||
if (rowText.indexOf(searchText) !== -1) { | |||
$(this).show(); | |||
} else { | |||
$(this).hide(); | |||
} | |||
}); | |||
}); | |||
}); | |||
</script> | |||
2026年4月6日 (一) 11:06的版本
⚔️ 棋子图鉴 ⚔️
点击头像或名称可跳转至详情页 | 表格支持实时筛选
<input type="text" id="searchInput" placeholder="🔍 输入关键词筛选(名称/羁绊/定位/元素...)" style="padding: 8px 15px; width: 300px; border-radius: 20px; border: 1px solid #ccc;">
</thead>
<tbody>
| [[天子|
]] || 天子 || 重装战士、游戏开发部 || 肉盾 || SR 3费 || 物理 || 虚数
</tbody>
| 立绘 | 名称 | 所属羁绊 | 定位 | 费用 | 元素 | 弱点元素 |
|---|
<script> $(function() {
$('#searchInput').on('keyup', function() {
var searchText = $(this).val().toLowerCase();
$('#character-table tbody tr').each(function() {
var rowText = $(this).text().toLowerCase();
if (rowText.indexOf(searchText) !== -1) {
$(this).show();
} else {
$(this).hide();
}
});
});
}); </script>