fix:修复bug

2026-04-01 20:29:33 +08:00
parent afbcd99224
commit a80d2b8430
9 changed files with 477 additions and 179 deletions
--- a/admin.html
+++ b/admin.html
@@ -0,0 +1,83 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Shader 管理后台</title>
+    <style>
+      body {
+        margin: 0;
+        background: #0b0f18;
+        color: #e8ecff;
+        font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
+      }
+      .wrap {
+        max-width: 980px;
+        margin: 0 auto;
+        padding: 20px;
+      }
+      .card {
+        border: 1px solid rgba(126, 165, 255, 0.35);
+        background: #111726;
+        border-radius: 12px;
+        padding: 14px;
+      }
+      .grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 10px;
+      }
+      input, textarea, button {
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        background: rgba(255, 255, 255, 0.05);
+        color: #fff;
+        border-radius: 8px;
+      }
+      input, textarea {
+        width: 100%;
+        padding: 8px;
+      }
+      textarea {
+        grid-column: 1 / -1;
+        min-height: 240px;
+        resize: vertical;
+        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
+      }
+      button {
+        padding: 8px 12px;
+        cursor: pointer;
+      }
+      .list { margin-top: 12px; }
+      .item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 10px;
+        border-top: 1px solid rgba(255, 255, 255, 0.1);
+        padding: 10px 4px;
+      }
+      .item:first-child { border-top: 0; }
+    </style>
+  </head>
+  <body>
+    <div class="wrap">
+      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
+        <h2 style="margin:0;">Shader 管理后台</h2>
+        <a href="./index.html" style="color:#a9c5ff;">返回展示页</a>
+      </div>
+      <div class="card">
+        <div class="grid">
+          <input id="name-input" placeholder="名称" />
+          <input id="author-input" placeholder="作者（可选）" />
+          <textarea id="code-input" placeholder="粘贴 GLSL，必须包含 mainImage"></textarea>
+        </div>
+        <div style="display:flex; gap:8px; margin-top:10px;">
+          <button id="save-btn">保存</button>
+          <button id="example-btn">填入示例</button>
+        </div>
+      </div>
+      <div class="card list" id="list"></div>
+    </div>
+    <script src="./admin.js"></script>
+  </body>
+</html>