From dc9d9d9369e1796d1e46d978230605a574498518 Mon Sep 17 00:00:00 2001 From: Kakune55 Date: Thu, 11 Jan 2024 22:57:14 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=E5=90=8E=E5=8F=B0=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=8F=9C=E5=8D=95=E6=A0=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/index.css | 2 +- static/menu.css | 52 +++++++++++++ static/menu.js | 9 +++ templates/Echarts.html | 68 ----------------- templates/createKey.html | 79 ++++++++++++-------- templates/keylist.html | 61 +++++++++------ templates/loglist.html | 68 ++++++++++------- templates/lookupKey.html | 49 +++++++----- templates/status.html | 158 +++++++++++++++++++++++---------------- 9 files changed, 311 insertions(+), 235 deletions(-) create mode 100644 static/menu.css create mode 100644 static/menu.js delete mode 100644 templates/Echarts.html diff --git a/static/index.css b/static/index.css index df36bae..4643d2f 100644 --- a/static/index.css +++ b/static/index.css @@ -7,7 +7,7 @@ body { height: 100vh; margin: 0; background-image: url("../static/img/bg_circles.png"); -background-repeat: repeat; + background-repeat: repeat; } #chat-container { width: 80%; /* 使用百分比宽度 */ diff --git a/static/menu.css b/static/menu.css new file mode 100644 index 0000000..cb32b30 --- /dev/null +++ b/static/menu.css @@ -0,0 +1,52 @@ +body { + margin: 0; + font-family: 'Arial', sans-serif; + overflow-x: hidden; + } + + #sidebar { + height: 100vh; + width: 250px; + position: fixed; + top: 0; + left: -200px; + background-color: #006699; + overflow-x: hidden; + transition: 0.5s; + padding-top: 60px; + color: white; + z-index: 2; /* 保证遮罩在页面上方 */ + } + + #sidebar a { + padding: 15px 10px; + text-decoration: none; + font-size: 18px; + color: white; + display: block; + transition: 0.3s; + } + + #sidebar a:hover { + background-color: #3366CC; + } + + #main { + padding: 30px; + padding-left: 80px; + } + + #global-blur { + background-color: rgba(255, 255, 255, 0); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + backdrop-filter: blur(8px); /* 模糊度可以根据需要调整 */ + transition: display; + z-index: 1; /* 保证遮罩在页面上方 */ + pointer-events: none; /* 确保遮罩不影响下方元素的交互 */ + opacity: 0; + transition: opacity 0.3s ease + } \ No newline at end of file diff --git a/static/menu.js b/static/menu.js new file mode 100644 index 0000000..93717db --- /dev/null +++ b/static/menu.js @@ -0,0 +1,9 @@ +function openNav() { + document.getElementById("sidebar").style.left = "0"; + document.getElementById("global-blur").style.opacity = 1; + } + + function closeNav() { + document.getElementById("sidebar").style.left = "-200px"; + document.getElementById("global-blur").style.opacity = 0; + } \ No newline at end of file diff --git a/templates/Echarts.html b/templates/Echarts.html deleted file mode 100644 index 6db9993..0000000 --- a/templates/Echarts.html +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - - - - -
- - - - \ No newline at end of file diff --git a/templates/createKey.html b/templates/createKey.html index 1814dac..edac8c3 100644 --- a/templates/createKey.html +++ b/templates/createKey.html @@ -4,6 +4,8 @@ 创建密钥 + + -
-

概况

- {% include 'Echarts.html' %} -
-
-
-

状态

- - - - - - - - - - - - - - - {% if status["db"] == True %} - - {% else %} - - {% endif %} - - - - - - -
项目状态
开发者心态正常
数据库连接正常连接异常
开发者大脑负载较高
-
-
-
-

管理

- - - - - - - - - - - - - - - - - - - - - - - -
项目
列出所有Key
查询密钥
创建密钥
查看日志
阿巴阿巴
+
+ - +