From 843d0abd014ec20424844546fc57a9f976f366ba Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期一, 02 九月 2024 10:52:59 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- admin/src/components/common/CommonHeader.vue | 36 ++++++++++++++++++++++++++++++++++++ 1 files changed, 36 insertions(+), 0 deletions(-) diff --git a/admin/src/components/common/CommonHeader.vue b/admin/src/components/common/CommonHeader.vue index f4fe589..aa3672e 100644 --- a/admin/src/components/common/CommonHeader.vue +++ b/admin/src/components/common/CommonHeader.vue @@ -3,6 +3,16 @@ <div class="header"> <div class="logo"> <div>{{ title }}</div> + <div class="list"> + <div class="item active"> + <div>鏈嶅姟涓績</div> + <div class="linellae"></div> + </div> + <div class="item">瀹夐槻涓績</div> + <div class="item">娑堥槻涓績</div> + <div class="item">鑳界涓績</div> + <div class="item">椹鹃┒鑸�</div> + </div> <!-- <div class="title-en">Diagnosis of Intelligent Manufacturing Integrated Service Platfrom</div> --> </div> <div class="user"> @@ -197,6 +207,30 @@ .common-header { background-color: #2080f7; } +.list{ + display: flex; + align-items: center; + margin-left: 60px; + .item{ + margin-right: 40px; + font-size: 16px; + font-weight: 400; + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + height: 40px; + cursor: pointer; + .linellae{ + width: 64px; + height: 2px; + background: #FFFFFF; + } + } + .active{ + font-weight: 500; + } +} .header { overflow: hidden; // background: #fff; @@ -215,6 +249,8 @@ font-size: 22px; font-weight: 600; color: #fff; + display: flex; + align-items: center; // display: inline; .title-en { font-size: 11px; -- Gitblit v1.9.3