From bd262535c3c9223a86f9707cf7528b77d0b04a83 Mon Sep 17 00:00:00 2001 From: zhangjiming Date: Fri, 24 Jan 2025 17:53:02 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8A=BD=E7=A6=BBheader?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 3 ++- src/components/HeaderBar.vue | 19 +++++++++++++++++++ src/style.css | 10 ++++------ src/views/HomeView.vue | 18 ++---------------- 4 files changed, 27 insertions(+), 23 deletions(-) create mode 100644 src/components/HeaderBar.vue diff --git a/src/App.vue b/src/App.vue index 7fb4e5f..c9e0451 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,9 +1,10 @@ diff --git a/src/components/HeaderBar.vue b/src/components/HeaderBar.vue new file mode 100644 index 0000000..cb148e4 --- /dev/null +++ b/src/components/HeaderBar.vue @@ -0,0 +1,19 @@ + + diff --git a/src/style.css b/src/style.css index a66a0ac..151ee8b 100644 --- a/src/style.css +++ b/src/style.css @@ -8,12 +8,6 @@ --footerHeight: 62px; } @layer utilities { - .gradient-light { - background: linear-gradient(180deg, #ebf1fa 0%, #f8fafd 100%); - } - .gradient-dark { - background: linear-gradient(90deg, #0657C0 24%, #096AE0 101%); - } .btn-dark { display: flex; justify-content: center; @@ -31,4 +25,8 @@ border-radius: 4px; color: var(--primaryColor); } + .main-page { + height: calc(100vh - var(--headerHeight)); + background: linear-gradient(180deg, #dfe8f7 0%, #ffffff 100%); + } } diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index d230280..4a6d28b 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,19 +1,5 @@