From c47cd3fb0db6477e651fdcad8d33f09b80a4d028 Mon Sep 17 00:00:00 2001 From: chuzhongzai Date: Sun, 7 Jun 2026 19:20:47 +0800 Subject: [PATCH] =?UTF-8?q?UI=20=E5=85=A8=E9=9D=A2=E4=BC=98=E5=8C=96?= =?UTF-8?q?=EF=BC=9A=E6=96=B0=E4=B8=BB=E9=A2=98=E7=B3=BB=E7=BB=9F=E3=80=81?= =?UTF-8?q?=E5=B8=83=E5=B1=80=E8=B0=83=E6=95=B4=E3=80=81=E7=BB=84=E4=BB=B6?= =?UTF-8?q?=E7=BE=8E=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增 CSS 变量主题系统，支持亮色/暗色切换，去掉 DOM 操作 - 页面标题 Vite App → LionWebsite，修复 HTML link 标签 - 布局交换：表格在左(720px)，Dashboard 在右(弹性)，均无滚动栏 - Dashboard 改为响应式网格卡片布局，功能分组展示 - 认证页改为全屏居中卡片设计，提升品牌感 - 修复表格列宽 300vw 为合理值，样式加 scoped - 卡片字体调大适配高分辨率屏 - 缩略图卡片跨列显示，图片比例修正 - 表格内部滚动（height: calc），翻页栏固定底部 - 搜索页加载动画修正居中 - 删除 OnlineReader 空样式块 --- index.html | 6 +- src/App.vue | 34 ++++--- src/components/DashBoard.vue | 152 ++++++++++++++------------------ src/components/HentaiSearch.vue | 2 + src/components/OnlineReader.vue | 3 - src/components/Side.vue | 73 +++++++++------ src/main.js | 1 + 7 files changed, 145 insertions(+), 126 deletions(-) diff --git a/index.html b/index.html index 2de72b3..d05b8c6 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,11 @@ - + - + - Vite App + LionWebsite
diff --git a/src/App.vue b/src/App.vue index 46d8922..1d3bee4 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,14 +4,28 @@ import DashBoard from "./components/DashBoard.vue"; + + diff --git a/src/components/DashBoard.vue b/src/components/DashBoard.vue index 528e8bd..8c94ffa 100644 --- a/src/components/DashBoard.vue +++ b/src/components/DashBoard.vue @@ -1,45 +1,66 @@ - -
-
- 是否记住授权码 - 验证 -
\ No newline at end of file diff --git a/src/components/HentaiSearch.vue b/src/components/HentaiSearch.vue index c74791d..4ffa0f8 100644 --- a/src/components/HentaiSearch.vue +++ b/src/components/HentaiSearch.vue @@ -108,12 +108,14 @@ function close(){ } .loading { + display: inline-block; width: 25px; height: 25px; border: 2px solid #ccc; border-top-color: #3498db; border-radius: 50%; animation: spin 1s linear infinite; + vertical-align: middle; } @keyframes spin { diff --git a/src/components/OnlineReader.vue b/src/components/OnlineReader.vue index 63c5f44..f20a235 100644 --- a/src/components/OnlineReader.vue +++ b/src/components/OnlineReader.vue @@ -133,6 +133,3 @@ function set_current_page(page){ - \ No newline at end of file diff --git a/src/components/Side.vue b/src/components/Side.vue index 033ea52..a3e6bc0 100644 --- a/src/components/Side.vue +++ b/src/components/Side.vue @@ -1,7 +1,8 @@