From b4a603e7e1c123195f5515aa7c3b247e1784fb76 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期三, 24 一月 2024 14:53:00 +0800 Subject: [PATCH] 1 --- src/components/DashboardLayout.vue | 11 +++++++---- 1 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/components/DashboardLayout.vue b/src/components/DashboardLayout.vue index e3d5309..9c8e024 100644 --- a/src/components/DashboardLayout.vue +++ b/src/components/DashboardLayout.vue @@ -38,12 +38,12 @@ <div class="header-block padding-4"> <slot name="rightBlock1"></slot> </div> - <div class="base-block padding-4"> + <div class="top-block padding-4"> <div class="card"> <slot name="rightBlock2"></slot> </div> </div> - <div class="base-block padding-4"> + <div class="bottom-block padding-4"> <div class="card"> <slot name="rightBlock3"></slot> </div> @@ -72,6 +72,9 @@ // 涓嬭竟楂樺害 $bottomBlockHeight: calc(100vh - 2 * $layoutPadding - $headerBlockHeight - $topBlocHeight); .dashboard-layout { + background-image: url('/header-bg.png'); + background-position-x: center; + background-repeat: no-repeat; display: flex; align-items: center; justify-content: space-between; @@ -135,12 +138,12 @@ height: 100%; background-color: #153e94; border-radius: 6px; - padding: 10px 16px; + padding: 10px 10px; } .scroll-card { padding: 0; } .scroller { - padding: 10px 16px; + padding: 10px 10px; } </style> -- Gitblit v1.8.0