From 469e75c1af2455015314da05462fc0f69843cf18 Mon Sep 17 00:00:00 2001 From: xing <1305527198@qq.com> Date: Thu, 2 Jan 2025 23:33:16 +0800 Subject: [PATCH] =?UTF-8?q?webui=E6=9B=B4=E6=96=B0=EF=BC=9Aaccount&about?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- webui/account.css | 126 ++++++++++++++++++++++++++++++++++++++++ webui/account.html | 85 +++++++++++++++++++++++++++ webui/image/wind.png | Bin 0 -> 14850 bytes webui/index.html | 55 ++++++++++++++++++ webui/styles.css | 133 +++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 399 insertions(+) create mode 100644 webui/account.css create mode 100644 webui/account.html create mode 100644 webui/image/wind.png create mode 100644 webui/index.html create mode 100644 webui/styles.css diff --git a/webui/account.css b/webui/account.css new file mode 100644 index 0000000..15f5088 --- /dev/null +++ b/webui/account.css @@ -0,0 +1,126 @@ +header { + display: flex; + align-items: flex-start; /* 让内容在垂直方向上对齐到顶部 */ + padding: 0; /* 清除默认的内边距 */ + margin: 0; /* 清除默认的外边距 */ +} + +/* 使h1居左上角 */ +header h1 { + text-align: left; /* 确保文字左对齐 */ +} + +/* 自定义 "点我添加一个" 链接的样式 */ +.account-section a { + color: #007bff; + text-decoration: none; + font-weight: bold; + transition: color 0.3s ease; +} + +.account-section a:hover { + color: #0056b3; +} + +/* 添加按钮的专属样式 */ +.add-button { + position: fixed; + bottom: 20px; + right: 20px; + width: 60px; + height: 60px; + border-radius: 50%; + background-color: #28a745; + color: white; + font-size: 24px; + display: flex; + justify-content: center; + align-items: center; + border: none; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); + cursor: pointer; + transition: background-color 0.3s ease, transform 0.2s ease; +} + +.add-button:hover { + background-color: #218838; + transform: scale(1.1); +} + +/* 弹窗样式 */ +.modal { + position: fixed; /* 弹窗始终固定在屏幕上 */ + top: 0; + left: 0; + width: 100%; /* 覆盖整个屏幕宽度 */ + height: 100%; /* 覆盖整个屏幕高度 */ + background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */ + display: flex; /* 使用 flexbox 布局 */ + justify-content: center; /* 水平居中 */ + align-items: center; /* 垂直居中 */ + z-index: 1000; /* 确保弹窗位于最顶层 */ +} + +.modal-content { + position: fixed; /* 让弹窗固定在屏幕上 */ + top: 50%; /* 垂直居中 */ + left: 50%; /* 水平居中 */ + transform: translate(-50%, -50%); /* 偏移自身宽高的 50% 达到真正居中 */ + background: #fff; /* 背景为白色 */ + padding: 20px; /* 内边距 */ + border-radius: 5px; /* 圆角 */ + width: 100%; + max-width: 400px; /* 最大宽度 */ + box-sizing: border-box; /* 包括 padding 的总宽度 */ + text-align: left; /* 文本左对齐 */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 添加轻微的阴影效果 */ + z-index: 1001; /* 确保弹窗内容在遮罩层上方 */ +} + +.modal-content h2 { + margin-top: 0; +} + +.modal-content label { + display: block; + margin: 10px 0 5px; +} + +.modal-content input, +.modal-content select { + width: 100%; + padding: 8px; + margin-bottom: 10px; + border: 1px solid #ccc; + border-radius: 4px; +} + +.form-actions { + display: flex; + justify-content: space-between; +} + +.form-actions button { + padding: 8px 12px; + border: none; + border-radius: 4px; + cursor: pointer; +} + +#cancel-button { + background-color: #ccc; + color: #000; +} + +#cancel-button:hover { + background-color: #aaa; +} + +form button[type="submit"] { + background-color: #28a745; + color: #fff; +} + +form button[type="submit"]:hover { + background-color: #218838; +} diff --git a/webui/account.html b/webui/account.html new file mode 100644 index 0000000..0be9db8 --- /dev/null +++ b/webui/account.html @@ -0,0 +1,85 @@ + + + + + + 账号设置 + + + + +
+ + + + +
+
+

账号设置

+
+ + +
+
+ + + + + + + diff --git a/webui/image/wind.png b/webui/image/wind.png new file mode 100644 index 0000000000000000000000000000000000000000..cc57a1730a292995b47411b091a046c4d8e2b06a GIT binary patch literal 14850 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 I1&i?i16LSC`Tzg` literal 0 HcmV?d00001 diff --git a/webui/index.html b/webui/index.html new file mode 100644 index 0000000..d9d9443 --- /dev/null +++ b/webui/index.html @@ -0,0 +1,55 @@ + + + + + + Wind Chime + + + +
+ + + + +
+
+

Wind Chime

+

linux - amd64

+

当前版本: 0.1

+

最新版本: 0.1

+
+ +
+ wind Mascot +
+ + + +
+

感谢 ♪(・ω・)ノ

+

特别鸣谢参与测试、反馈问题、帮助完善风铃指令的各位!以下列出感谢名单(排名不分先后)。

+
+ + +
+
+ + diff --git a/webui/styles.css b/webui/styles.css new file mode 100644 index 0000000..da9b705 --- /dev/null +++ b/webui/styles.css @@ -0,0 +1,133 @@ +/* 全局样式 */ +body { + margin: 0; + padding: 0; + font-family: "Arial", sans-serif; + background-color: #f8f9fa; + display: flex; + justify-content: center; /* 水平居中 */ + align-items: center; /* 垂直居中 */ + height: 100vh; + color: #333; +} + +/* 容器布局 */ +.container { + display: flex; + width: 100%; + height: 100%; + justify-content: center; /* 水平居中 */ + align-items: center; /* 垂直居中 */ +} + +/* 左侧导航栏样式 */ +.sidebar { + width: 200px; + height: 100vh; + background-color: #f4f4f4; + padding: 20px; + box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); + display: flex; + flex-direction: column; + justify-content: flex-start; +} + +.sidebar ul { + list-style: none; + padding: 0; +} + +.sidebar ul li { + padding: 12px 15px; + margin: 8px 0; + font-size: 14px; + border-radius: 5px; + cursor: pointer; + color: #555; + transition: all 0.2s; +} + +.sidebar ul li:hover, +.sidebar ul li.active { + background-color: #e8e8e8; + color: #000; + font-weight: bold; +} + +/* 右侧内容样式 */ +.content { + flex: 1; + height: 100vh; + padding: 20px; + display: flex; + flex-direction: column; + background-color: #fff; +} + +/* 标题和版本信息 */ + +header h1 { + text-align: center; + font-size: 2.2rem; + margin-bottom: 10px; + color: #444; +} + +.version { + text-align: center; + font-size: 1rem; + color: #666; + margin-bottom: 10px; +} + +.subversion { + text-align: center; + font-size: 0.9rem; + color: #777; +} + +/* logo图片 */ +.wind-image { + text-align: center; /* 居中logo */ +} + +.wind-image img { + max-width: 250px; /* 限制宽度 */ + height: auto; + margin: 20px 0; +} + +/* 链接部分 */ +.links span { + text-decoration: none; /* 去掉下划线 */ + color: inherit; +} + +.links p { + font-size: 16px; + margin: 8px 0; + color: #555; +} + +/* 感谢部分 */ +.credits h2 { + text-align: center; + margin-top: 20px; + font-size: 18px; + color: #444; +} + +.credits p { + text-align: center; + font-size: 14px; + color: #555; +} + +/* 页脚 */ +footer { + text-align: center; + margin-top: 30px; + padding: 10px 0; + font-size: 14px; + color: #666; +}