From 41910560d1ea8c9dd2c6ff6855fa091b5eeef85b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=88=91=E8=8B=A5=E4=B8=BA=E7=8E=8B?= Date: Tue, 24 Dec 2024 16:11:53 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layouts/default.vue | 45 ++++++++++--- pages/index.vue | 151 ++++++++++++++++++++++++++++++++++---------- 2 files changed, 153 insertions(+), 43 deletions(-) diff --git a/layouts/default.vue b/layouts/default.vue index 71a13fe..9991079 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -2,32 +2,36 @@ -
+
+
+ + GitHub Repo stars + +
-
+
- - - GitHub - + ©2024 爱拓工具箱 @@ -40,6 +44,8 @@ import Loading from '~/components/Loading.vue' position: fixed; z-index: 1; width: 100%; + background: linear-gradient(90deg, #1677ff 0%, #4096ff 100%); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .header-content { @@ -55,7 +61,17 @@ import Loading from '~/components/Loading.vue' .site-layout-content { padding: 0 24px; margin-top: 64px; - min-height: calc(100vh - 64px - 70px); + margin-bottom: 70px; /* 添加底部边距,为固定页脚留出空间 */ +} + +:deep(.ant-layout-footer) { + position: fixed; + bottom: 0; + width: 100%; + padding: 20px; + background: white; + box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05); + z-index: 1; } :deep(.ant-layout-header) { @@ -65,4 +81,13 @@ import Loading from '~/components/Loading.vue' :deep(.ant-menu) { border-bottom: none; } + +:deep(.ant-typography-link) { + font-size: 16px; +} + +:deep(.ant-typography-title) { + color: white !important; + text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} \ No newline at end of file diff --git a/pages/index.vue b/pages/index.vue index 80dc79f..f45813e 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,66 +1,151 @@