From 66ce0d76f2795da95fe56b036426e59aff17ccd9 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Wed, 9 Nov 2022 11:59:58 +0800
Subject: [PATCH] udpate navbar

---
 src/layout/components/Navbar.vue | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 3567ee2..81cb597 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,12 +1,10 @@
 <template>
   <div class="navbar" :style="showTitle ? 'background: rgba(8,17,50,0.25)' : ''">
     <div v-if="showTitle" class="homeNavIcon" @click="goToRootPage">
-      <img
-        src="../../assets/img/cnbm.png"
-        style="width: 26px; height: 26px; position: relative; top: 6px; marginRight: 14px"
-        alt=""
-      />
-      {{ 'title' | i18nFilter }}
+      <img src="../../assets/img/cnbm.png" alt="" />
+      <span>
+        {{ 'title' | i18nFilter }}
+      </span>
     </div>
 
     <div v-if="showhome" style="display:flex; align-items: center;">
@@ -340,15 +338,21 @@ export default {
   .homeNavIcon {
     cursor: pointer;
     color: #fff;
-    font-size: calc(100vh / 1600 * 32);
+    font-size: calc(100vw / 2560 * 28);
     line-height: 1;
-    float: left;
-    letter-spacing: 1px;
+    letter-spacing: calc(100vw / 2560 * 2);
     font-weight: 500;
     padding-left: calc(100vw / 2560 * 32);
-
-    * {
-      vertical-align: middle;
+    display: flex;
+    align-items: center;
+    
+    img {
+      width: calc(100vw / 2560 * 32);
+      height: calc(100vw / 2560 * 32);
+      margin-right: calc(100vw / 2560 * 16);
+      // width: 26px;
+      // height: 26px;
+      // marginright: 14px;
     }
   }