gmweb：游戏内一键换装、方案配置与全局热键说明

gmweb/index.html

@@ -11,6 +11,7 @@
   <div id="tabs">
     <a class="tab on" data-tab="home" href="javascript:void(0)">状态</a>
     <a class="tab" data-tab="char" href="javascript:void(0)">角色</a>
+    <a class="tab" data-tab="loadout" href="javascript:void(0)">一键换装</a>
     <a class="tab" data-tab="item" href="javascript:void(0)">发物品</a>
     <a class="tab" data-tab="about" href="javascript:void(0)">关于</a>
   </div>
@@ -129,6 +130,43 @@
     <div class="hint">强化 0-31、增幅等级 0-31、锻造 0-8。增幅填了就直接覆盖强化（红字装不能同时白字强化），非装备行忽略这些值。</div>
   </div>
 
+  <div class="pane" id="pane-loadout">
+    <div class="row">
+      <label class="lb">角色</label>
+      <select id="lo-char" class="inp sm"></select>
+      <button id="lo-refresh" class="btn">刷新</button>
+      <span id="lo-msg" class="dim"></span>
+    </div>
+    <div class="lo-wrap">
+      <div class="lo-col lo-left">
+        <div class="sec">换装页</div>
+        <div class="row">
+          <select id="lo-page" class="inp sm"></select>
+          <button id="lo-page-add" class="btn sm">新增</button>
+          <button id="lo-page-ren" class="btn sm">重命名</button>
+          <button id="lo-page-del" class="btn sm">删除</button>
+        </div>
+        <div class="sec">方案</div>
+        <div id="lo-schemes" class="list fixed"></div>
+        <div class="row">
+          <button id="lo-save" class="btn pri">保存当前装备为方案</button>
+        </div>
+        <div class="hint">保存后会给当前角色创建一套换装方案。</div>
+        <div id="lo-hotkeys" class="hint"></div>
+      </div>
+      <div class="lo-col lo-right">
+        <div class="sec">方案详情</div>
+        <div id="lo-detail" class="cur">未选择方案</div>
+        <div id="lo-slots" class="lo-slots"></div>
+        <div class="row">
+          <button id="lo-apply" class="btn pri">应用方案</button>
+          <span id="lo-cooldown" class="dim"></span>
+        </div>
+        <div class="hint">每次换装完成后进入 <b style="color:#e8c979">10 秒冷却</b>；冷却期间点击按钮或按全局热键都会被服务端拒绝。</div>
+      </div>
+    </div>
+  </div>
+
   <div class="pane" id="pane-about">
     <div class="about-inner">
     <div class="about-card">
@@ -193,5 +231,6 @@
 <div id="log"></div>
 
 <script src="/app.js?v=20261105C"></script>
+<script src="/loadout.js?v=20261105A"></script>
 </body>
 </html>