From 26cc719eca67332df461ed645d377dc9a17f7ba2 Mon Sep 17 00:00:00 2001 From: liwei Date: Mon, 27 Dec 2021 17:24:18 +0800 Subject: [PATCH] =?UTF-8?q?header=E9=AB=98=E5=BA=A6=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Header.vue | 24 ++++++++++++------------ src/components/Layout.vue | 10 +++++----- 2 files changed, 17 insertions(+), 17 deletions(-) diff --git a/src/components/Header.vue b/src/components/Header.vue index 7461c28..7d720a0 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -11,7 +11,7 @@ @@ -120,9 +120,9 @@ export default { } .el-dropdown { float: right; - width: 40px; - height: 40px; - margin-top: 8px; + width: 20px; + height: 20px; + margin-top: 5px; margin-right: 8px; } } @@ -133,7 +133,7 @@ export default { float: left; width: 40px; height: 40px; - margin-top: 10px; + margin-top: 3px; margin-left: 24px; cursor: pointer; } @@ -159,11 +159,11 @@ export default { .user-info-wrap { float: right; min-width: 199px; - height: 56px; + height: 30px; box-shadow: 0px 1px 3px 0px #1e514d; border-radius: 2px; border: 1px solid #2c998f; - margin-top: 2px; + margin-top: 7px; margin-right: 16px; .user-details-wrap { float: right; @@ -173,6 +173,7 @@ export default { margin: 0; line-height: 18px; text-align: right; + float: right; span { font-size: 16px; font-family: PingFangSC-Semibold, PingFang SC; @@ -182,11 +183,10 @@ export default { text-shadow: 0px 0px 0px #215c57; } } - .user-details { - line-height: 24px; - margin-top: 10px; + .user-details, .system-time { + line-height: 30px; span { - margin-left: 24px; + margin-left: 20px; } } .system-time { @@ -213,7 +213,7 @@ export default { float: left; width: 185px; height: 26px; - margin-top: 17px; + margin-top: 10px; margin-left: 40px; } .customer-name { diff --git a/src/components/Layout.vue b/src/components/Layout.vue index 3605d90..a70e05d 100644 --- a/src/components/Layout.vue +++ b/src/components/Layout.vue @@ -39,7 +39,7 @@ export default { width: 100%; height: 100%; box-sizing: border-box; - padding-top: 62px; + padding-top: 46px; padding-left: 250px; background: #f3f3f3; #content-title { @@ -47,16 +47,16 @@ export default { top: 0; left: 0; width: 100%; - height: 62px; - line-height: 62px; + height: 46px; + line-height: 46px; background: linear-gradient(180deg, #327e77 0%, #2c9b92 46%, #1e524d 100%); } #content-nav-menu { position: absolute; - top: 62px; + top: 46px; left: 0; width: 250px; - height: calc(100% - 62px); + height: calc(100% - 46px); background: #eeeeee; box-sizing: border-box; padding-top: 12px;