From d69fd0c125db0439ae2413446c5dd4dd8a10614c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B0=8F=E6=9C=AF?= <n551wv1@163.com>
Date: Fri, 3 Dec 2021 16:24:38 +0800
Subject: [PATCH] =?UTF-8?q?fix(docs):=20=E6=96=87=E6=A1=A3=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8Vue=20DevUI=E5=AD=97=E7=9C=BC=E5=9C=A8=E5=B0=8F?=
 =?UTF-8?q?=E4=BA=8E=E7=AD=89=E4=BA=8E360=E5=88=86=E8=BE=A8=E7=8E=87?=
 =?UTF-8?q?=E4=B8=8B=E6=8D=A2=E8=A1=8C=E6=94=B9=E4=B8=BA=E9=9A=90=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devui-theme/components/NavBarTitle.vue    | 28 ++++++++-----------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBarTitle.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBarTitle.vue
index bbed5db9..9a29e775 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBarTitle.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBarTitle.vue
@@ -1,25 +1,16 @@
 <script setup lang="ts">
 import { withBase, useData } from 'vitepress'
 const { site, theme, localePath } = useData()
-function gopage (){
-  document.querySelector('.nav-bar-title').setAttribute('href', window.location.pathname);
-  return false;
-};
+function gopage() {
+  document.querySelector('.nav-bar-title').setAttribute('href', window.location.pathname)
+  return false
+}
 </script>
 
 <template>
-  <a
-    class="nav-bar-title"
-    :aria-label="`${site.title}, back to home`"
-    @click="gopage()"
-  >
-    <img
-      v-if="theme.logo"
-      class="logo"
-      :src="withBase(theme.logo)"
-      alt="Logo"
-    />
-    {{ site.title }}
+  <a class="nav-bar-title" :aria-label="`${site.title}, back to home`" @click="gopage()">
+    <img v-if="theme.logo" class="logo" :src="withBase(theme.logo)" alt="Logo" />
+    <span>{{ site.title }}</span>
   </a>
 </template>
 
@@ -32,6 +23,11 @@ function gopage (){
   font-size: 1.3rem;
   font-weight: 600;
   color: $devui-text;
+  span {
+    @media screen and (max-width: 360px) {
+      display: none;
+    }
+  }
 }
 
 .nav-bar-title:hover {
-- 
Gitee