init

2025-11-24 21:13:06 +08:00
parent 60b278045e
commit f7bdb20332
11 changed files with 224 additions and 93 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>幕间UGC自定义界面项目模版</title>
+    <!-- 第三方库：JQuery-UI - 主要用于提供基础的UI控件 -->
+    <link
+      rel="stylesheet"
+      href="https://npm.onmicrosoft.cn/jquery-ui@1.14.1/dist/themes/base/theme.css"
+    />
+
+    <!-- 你的 CSS 样式代码，都放在这里 -->
+    <link rel="stylesheet" href="assets/css/index.css" />
+  </head>
+
+  <body>
+    <h2>
+      <img
+        id="logo"
+        src="assets/img/logo.svg"
+        alt="幕间UGC模版"
+      />幕间UGC自定义界面项目模版
+    </h2>
+
+    <h3>获取项目信息</h3>
+
+    <div id="project-info"></div>
+
+    <div>
+      这是作品封面，你可以获取到
+      <img id="project-info-img" src="" alt="封面图" />
+    </div>
+
+    <h3>Chat示例</h3>
+    <button class="ui-button ui-widget ui-corner-all" onclick="window.location.href = '/chat'">前往Chat示例</button>
+
+
+    <h3>获取当前人设</h3>
+    <div id="persona-info"></div>
+
+
+    <h3>三方库示例</h3>
+    <i class="fa-solid fa-user"></i>
+    <button class="ui-button ui-widget ui-corner-all">jquery-ui按钮</button>
+
+
+    <!-- 幕间官方SDK -->
+    <script src="https://npm.onmicrosoft.cn/@mujian/js-sdk@0.0.6-beta.35/dist/umd/index.js"></script>
+    <!-- 第三方库：JQuery - 主要用于提供便利地操作页面元素的函数 -->
+    <script src="https://npm.onmicrosoft.cn/jquery@3.7.1/dist/jquery.min.js"></script>
+    <!-- 第三方库：JQuery-UI - 主要用于提供基础的UI控件 -->
+    <script src="https://npm.onmicrosoft.cn/jquery-ui@1.14.1/dist/jquery-ui.min.js"></script>
+    <!-- 第三方库：fontawesome - 主要用于提供图标 -->
+    <script src="https://npm.onmicrosoft.cn/@fortawesome/fontawesome-free@7.1.0/js/all.min.js"></script>
+
+    <!-- 你的 JS 代码，都放在这里 -->
+    <script src="assets/js/index.js"></script>
+
+    <!-- 可以把不同功能的代码，拆分到不同文件内，方便管理和修改 -->
+    <!-- <script src="assets/js/other.js"></script> -->
+  </body>
+</html>