From 090559ec66f396935ade95ca1edd0ae4249b8319 Mon Sep 17 00:00:00 2001
From: ElsaOOo <yjjjng0901@126.com>
Date: Fri, 26 Nov 2021 11:15:10 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20vitepress=E6=96=87=E6=A1=A3=E7=9A=84head?=
 =?UTF-8?q?er=E5=B1=82=E7=BA=A7=E8=BF=87=E4=BD=8E=EF=BC=8C=E5=AE=B9?=
 =?UTF-8?q?=E6=98=93=E8=A2=ABdemo=E7=9A=84=E5=86=85=E5=AE=B9=E9=81=AE?=
 =?UTF-8?q?=E6=8C=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devui-theme/components/NavBar.vue         | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue
index 7bf7af58..0655d4b2 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue
@@ -14,12 +14,12 @@ const theme = new Theme('light')
 const darkMode = ref(false)
 
 const defaultLanguage = ref(localStorage.getItem('preferred_lang'))
-function useTranslation (target){
+function useTranslation(target) {
   defaultLanguage.value = target
   localStorage.setItem('preferred_lang', target)
-  if (target === 'en-US'){
+  if (target === 'en-US') {
     location.pathname = `/en-US${location.pathname}`
-  }else if (target === 'zh-CN'){
+  } else if (target === 'zh-CN') {
     location.pathname = `${location.pathname.split('/en-US')[1]}`
   }
 }
@@ -48,7 +48,11 @@ defineEmits(['toggle'])
       </div>
 
       <div class="custom-nav flex items-center ml-l">
-        <div class="custom-nav-item ml-m" style="font-size: 0;" @click="() => useTranslation( defaultLanguage === 'zh-CN' ? 'en-US' : 'zh-CN' )">
+        <div
+          class="custom-nav-item ml-m"
+          style="font-size: 0"
+          @click="() => useTranslation(defaultLanguage === 'zh-CN' ? 'en-US' : 'zh-CN')"
+        >
           <ZhLang v-if="defaultLanguage === 'zh-CN'"></ZhLang>
           <EnLang v-else></EnLang>
         </div>
@@ -56,8 +60,13 @@ defineEmits(['toggle'])
           <DarkMode v-if="darkMode" @click="darkMode = !darkMode"></DarkMode>
           <LightMode v-else @click="darkMode = !darkMode"></LightMode>
         </div>
-        <a class="ml-m" style="font-size: 0;" href="https://gitee.com/devui/vue-devui/stargazers">
-          <img :src="`https://gitee.com/devui/vue-devui/badge/star.svg?theme=${darkMode ? 'dark' : 'white'}`" alt="star" />
+        <a class="ml-m" style="font-size: 0" href="https://gitee.com/devui/vue-devui/stargazers">
+          <img
+            :src="`https://gitee.com/devui/vue-devui/badge/star.svg?theme=${
+              darkMode ? 'dark' : 'white'
+            }`"
+            alt="star"
+          />
         </a>
       </div>
     </div>
@@ -74,7 +83,7 @@ defineEmits(['toggle'])
   top: 0;
   right: 0;
   left: 0;
-  z-index: var(--z-index-navbar);
+  z-index: 20;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -108,7 +117,8 @@ defineEmits(['toggle'])
 }
 
 .custom-nav-item:hover {
-  svg, path {
+  svg,
+  path {
     fill: $devui-brand;
   }
 }
-- 
Gitee