From 24385f2b039888143fba00338c7b47d35d403ab8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Sat, 7 May 2022 12:49:15 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index d8b812e..8aea750 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,18 +1,18 @@
 <template>
-  <div class="navbar" :data-theme="sideTheme">
+  <div class="navbar" :data-theme="sideTheme" :class="getters.device">
     <hamburger id="hamburger-container" :is-active="getters.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!$store.state.settings.topNav" />
-    <top-nav id="topmenu-container" class="topmenu-container" v-if="$store.state.settings.topNav" />
+    <template v-if="getters.device != 'mobile'">
+      <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!$store.state.settings.topNav" />
+      <top-nav id="topmenu-container" class="topmenu-container" v-if="$store.state.settings.topNav" />
+    </template>
 
     <div class="right-menu">
-      <template v-if="getters.device !== 'mobile'">
-        <header-search id="header-search" class="right-menu-item" v-waves="'orange'" />
-        <zr-git title="源码地址" class="right-menu-item" />
-        <zr-doc title="文档地址" class="right-menu-item" />
-        <screenfull title="全屏" class="right-menu-item" />
-        <size-select title="布局大小" class="right-menu-item" />
-        <LangSelect title="语言设置" class="right-menu-item" />
-      </template>
+      <header-search id="header-search" class="right-menu-item" v-if="getters.device != 'mobile'" />
+      <zr-git title="源码地址" class="right-menu-item" />
+      <zr-doc title="文档地址" class="right-menu-item" />
+      <screenfull title="全屏" class="right-menu-item" />
+      <size-select title="布局大小" class="right-menu-item" />
+      <LangSelect title="语言设置" class="right-menu-item" />
       <Notice title="通知" class="right-menu-item" />
 
       <el-dropdown @command="handleCommand" class="right-menu-item avatar-container" trigger="hover">
@@ -123,7 +123,6 @@ function setLayout() {
   .breadcrumb-container {
     float: left;
   }
-
   .topmenu-container {
     position: absolute;
     left: 50px;