feat 顶部图标修改

src/layout/components/Navbar.vue

@@ -13,71 +13,32 @@
     </template>
     <div class="right-menu flex align-center">
       <div v-if="appStore.device !== 'mobile'">
-        <!-- <el-select
-          v-if="userId === 1 && tenantEnabled"
-          v-model="companyName"
-          class="min-w-244px mr-2"
-          clearable
-          filterable
-          reserve-keyword
-          :placeholder="proxy.$t('navbar.selectTenant')"
-          @change="dynamicTenantEvent"
-          @clear="dynamicClearEvent"
-        >
-          <el-option v-for="item in tenantList" :key="item.tenantId" :label="item.companyName" :value="item.tenantId"> </el-option>
-          <template #prefix><svg-icon icon-class="company" class="el-input__icon input-icon" /></template>
-        </el-select> -->
-
         <search-menu ref="searchMenuRef" />
-        <!-- <el-tooltip content="搜索" effect="dark" placement="bottom">
-          <div class="right-menu-item hover-effect" @click="openSearchMenu">
-            <svg-icon class-name="search-icon" icon-class="search" />
-          </div>
-        </el-tooltip> -->
-        <!-- 消息 -->
-        <el-tooltip content="警报" effect="dark" placement="bottom">
-          <div style="display: flex; align-items: center" class="mr-[30px]">
-            <el-popover
-              placement="bottom"
-              transition="el-zoom-in-top"
-              :width="400"
-              :persistent="false"
-              trigger="click"
-              v-model:visible="popoverVisible"
-            >
-              <template #reference>
-                <el-badge :value="infoData" :max="9999">
-                  <div class="right-menu-item hover-effect" @click="goToWarningList">
-                    <el-icon><BellFilled /></el-icon>
-                  </div>
-                </el-badge>
-              </template>
-              <template #default>
-                <notice :warningList="warningList"></notice>
-              </template>
-            </el-popover>
-          </div>
-        </el-tooltip>
-        <!-- <el-tooltip content="Github" effect="dark" placement="bottom">
-          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
-        <el-tooltip :content="proxy.$t('navbar.document')" effect="dark" placement="bottom">
-          <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
-        <el-tooltip :content="proxy.$t('navbar.full')" effect="dark" placement="bottom">
-          <screenfull id="screenfull" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
-        <el-tooltip :content="proxy.$t('navbar.language')" effect="dark" placement="bottom">
-          <lang-select id="lang-select" class="right-menu-item hover-effect" />
-        </el-tooltip>
-
-        <el-tooltip :content="proxy.$t('navbar.layoutSize')" effect="dark" placement="bottom">
-          <size-select id="size-select" class="right-menu-item hover-effect" />
-        </el-tooltip> -->
       </div>
+      <!-- 消息 - 移到 v-if 外面，手机端也能显示 -->
+      <el-tooltip content="警报" effect="dark" placement="bottom">
+        <div style="display: flex; align-items: center" class="mr-[30px]">
+          <el-popover
+            placement="bottom"
+            transition="el-zoom-in-top"
+            :width="400"
+            :persistent="false"
+            trigger="click"
+            v-model:visible="popoverVisible"
+          >
+            <template #reference>
+              <el-badge :value="infoData" :max="9999">
+                <div class="right-menu-item hover-effect" @click="goToWarningList">
+                  <el-icon><BellFilled /></el-icon>
+                </div>
+              </el-badge>
+            </template>
+            <template #default>
+              <notice :warningList="warningList"></notice>
+            </template>
+          </el-popover>
+        </div>
+      </el-tooltip>
       <div class="avatar-container">
         <el-dropdown class="right-menu-item hover-effect" trigger="click" @command="handleCommand">
           <div class="avatar-wrapper">