From c47f7b9c4899036c52ad0e4f46c4aff7102110bc Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期一, 09 九月 2024 19:56:07 +0800 Subject: [PATCH] 最新版本 --- admin/src/components/common/CommonHeader.vue | 40 ++++++++++++++++++++++++++++++++++++++-- 1 files changed, 38 insertions(+), 2 deletions(-) diff --git a/admin/src/components/common/CommonHeader.vue b/admin/src/components/common/CommonHeader.vue index fcf9f75..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"> @@ -168,7 +178,7 @@ this.visible.changePwd = false }) .catch(e => { - this.$tip.apiFailed(e) + // this.$tip.apiFailed(e) }) .finally(() => { this.isWorking.changePwd = false @@ -185,7 +195,7 @@ window.location.reload() }) .catch(e => { - this.$tip.apiFailed(e) + // this.$tip.apiFailed(e) }) } } @@ -196,6 +206,30 @@ @import "@/assets/style/variables.scss"; .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; @@ -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