<!DOCTYPE html>
<html lang="zh-Hans" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>明日方舟公开招募计算器</title>
<link rel="stylesheet" href="https://wiki.gamerclub.jp/akhrapp/css/bootstrap.min.css">
<link rel="stylesheet" href="css/multilingual.css">
<script src="https://wiki.gamerclub.jp/akhrapp/js/jquery-3.4.0.min.js"></script>
<script src="https://wiki.gamerclub.jp/akhrapp/js/popper.min.js"></script>
<script src="https://wiki.gamerclub.jp/akhrapp/js/bootstrap.min.js"></script>
<script src="https://wiki.gamerclub.jp/akhrapp/js/multilingual.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand cn" href="/">明日方舟工具箱</a>
<a class="navbar-brand en" href="/">Arknights Toolbox</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="展开">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
<div id="Akhrapp">
<div class="container" style="margin:auto;max-width:1400px;">
<div class="row mt-3">
<div class="col-12 col-lg-4 px-2">
<div class="alert alert-dark px-2 py-1" role="alert">
<table class="table table-sm m-0">
<tbody id="box-options">
<tr>
<td>
<button type="button" class="btn btn-sm btn-danger my-1" id="btn-clear">
<span class="cn">清空</span>
<span class="en">Clear</span>
</button>
<span class="d-none d-sm-inline">
<button type="button" class="btn btn-sm btn-primary btn-showopt my-1 btn-name" opt-id="showName">
<span class="cn">名称</span>
<span class="en">Name</span>
</button>
<button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-image" opt-id="showImage">
<span class="cn">图片</span>
<span class="en">Image</span>
</button>
<button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-imgsize btn-imgsizedefault" sizeval="27">
<span class="cn">小</span>
<span class="en">Small</span>
</button>
<button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-imgsize" sizeval="45">
<span class="cn">中</span>
<span class="en">Middle</span>
</button>
<button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-imgsize" sizeval="80">
<span class="cn">大</span>
<span class="en">Large</span>
</button>
<button type="button" class="btn btn-sm btn-secondary btn-showopt my-1 btn-imgsize" sizeval="128">
<span class="cn">特大</span>
<span class="en">Ex-large</span>
</button>
</span>
</td>
</tr>
<tr>
<td>
<button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="all" id="opt-all">ALL</button>
<button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="6">6★</button>
<button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="5">5★</button>
<button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="4">4★</button>
<button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="3">3★</button>
<button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="2">2★</button>
<button type="button" class="btn btn-sm btn-primary btn-opt my-1" opt-id="1">1★</button>
</td>
</tr>
</tbody>
</table>
<table class="table table-sm m-0"><tbody id="box-tags"></tbody></table>
</div>
</div>
<div class="col-12 col-lg-8 px-0">
<table class="table table-striped table-hover" id="table-recommend">
<thead class="thead-dark">
<tr>
<th scope="col" class="d-none d-sm-table-cell">#</th>
<th scope="col" style="width:16.67%">Tags</th>
<th scope="col">
<span class="cn">可能出现</span>
<span class="en">Possible Operators</span>
</th>
<th scope="col" class="d-none d-sm-table-cell">$~</th>
</tr>
</thead>
<tbody id="tbody-recommend"></tbody>
</table>
</div>
</div>
<hr />
<div class="row col-12 tutorial">
<div class="col-12 text-left cn">
<p>使用说明：</p>
<p>1. 勾选需要查询的Tag，最多6个；</p>
<p>2. 勾选需要查询的星级，默认全部；</p>
<p>3. 现在点击标签即可开始计算，可点击“清空”重新开始；</p>
<p>4. 可以点击推荐表格中的干员或标签进行精准查询，再点击任意干员或标签返回。</p>
</div>
<div class="col-12 text-left en">
<p>How To Use:</p>
<p>1. Click on tags, up to 6 tags</p>
<p>2. Check the star you want to filter</p>
<p>3. Click on calculate (currently automatically calculated on pressing tags)</p>
<p>4. You can click on the clerk or label in the recommendation form to make an accurate query, then click on any clerk or label to return.</p>
</div>
</div>
<div class="col-12 alert alert-success mt-1 cn" role="alert">
19/05/04 升级消耗计算器上线，可在导航栏切换使用。<br />
19/05/09 精英材料计算器上线，可在导航栏切换使用。
</div>
</div>
<hr />
<div class="row col-12 page-footer">
<div class="col-12 text-center cn">
<p>最近更新：2019/05/06，<a href="https://bbs.nga.cn/read.php?tid=16971344">联系作者</a></p>
<p>
数据来源：
<a href="http://wiki.joyme.com/arknights/%E5%B9%B2%E5%91%98%E6%95%B0%E6%8D%AE%E8%A1%A8">明日方舟Wiki</a>
</p>
<p>Powered by 一只灰猫。</p>
</div>
<div class="col-12 text-center en">
<p>Last update: 05/06/2019, <a href="https://github.com/graueneko/graueneko.github.io/issues">Contact</a></p>
<p>
Data source:
<a href="http://wiki.joyme.com/arknights/%E5%B9%B2%E5%91%98%E6%95%B0%E6%8D%AE%E8%A1%A8">Arknights Wiki (CN)</a>
</p>
<p>Powered by GraueNeko, Aceship</p>
</div>
</div>
</div>
</body>
</html>
