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
+
+
+
+

+
+
+
+
+
+ 感谢 ♪(・ω・)ノ
+ 特别鸣谢参与测试、反馈问题、帮助完善风铃指令的各位!以下列出感谢名单(排名不分先后)。
+
+
+
+
+
+
+
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;
+}