From 15fe2c232835ffc23b5317046ea241bcfb14ace0 Mon Sep 17 00:00:00 2001
From: "Ray.Hao" <1490493387@qq.com>
Date: Sat, 10 Jan 2026 12:34:45 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BC=98=E5=8C=96=E5=85=A8?=
 =?UTF-8?q?=E5=B1=8F=E3=80=81=E9=80=9A=E7=9F=A5=E4=B8=8B=E6=8B=89=E5=92=8C?=
 =?UTF-8?q?=E5=A4=A7=E5=B0=8F=E9=80=89=E6=8B=A9=E5=99=A8=E7=9A=84=E8=A7=A6?=
 =?UTF-8?q?=E5=8F=91=E5=8C=BA=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Fullscreen/index.vue      | 12 +++++++--
 src/components/NoticeDropdown/index.vue  | 32 +++++++++++++++++++-----
 src/components/SizeSelect/index.vue      | 14 ++++++++++-
 src/layouts/components/LayoutToolbar.vue | 18 +++++++++----
 4 files changed, 62 insertions(+), 14 deletions(-)

diff --git a/src/components/Fullscreen/index.vue b/src/components/Fullscreen/index.vue
index bd888fe3..a9599ccb 100644
--- a/src/components/Fullscreen/index.vue
+++ b/src/components/Fullscreen/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div @click="toggle">
+  <div class="fullscreen-trigger" @click="toggle">
     <div :class="`i-svg:` + (isFullscreen ? 'fullscreen-exit' : 'fullscreen')" />
   </div>
 </template>
@@ -8,4 +8,12 @@
 const { isFullscreen, toggle } = useFullscreen();
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.fullscreen-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/components/NoticeDropdown/index.vue b/src/components/NoticeDropdown/index.vue
index dd9a96bc..48d83afd 100644
--- a/src/components/NoticeDropdown/index.vue
+++ b/src/components/NoticeDropdown/index.vue
@@ -1,10 +1,12 @@
 <template>
-  <el-dropdown trigger="click">
-    <el-badge v-if="list.length > 0" :value="list.length" :max="99">
-      <div class="i-svg:bell" />
-    </el-badge>
+  <el-dropdown class="notice__dropdown" trigger="click">
+    <div class="notice__trigger">
+      <el-badge v-if="list.length > 0" :value="list.length" :max="99">
+        <div class="i-svg:bell" />
+      </el-badge>
 
-    <div v-else class="i-svg:bell" />
+      <div v-else class="i-svg:bell" />
+    </div>
 
     <template #dropdown>
       <div class="p-5">
@@ -79,4 +81,22 @@ import { useNotice } from "./useNotice";
 const { list, detail, dialogVisible, read, readAll, goMore } = useNotice();
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.notice {
+  &__dropdown {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  &__trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>
diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue
index 77470555..58dc6f3f 100644
--- a/src/components/SizeSelect/index.vue
+++ b/src/components/SizeSelect/index.vue
@@ -2,7 +2,9 @@
   <!-- 布局大小 -->
   <el-tooltip :content="t('sizeSelect.tooltip')" effect="dark" placement="bottom">
     <el-dropdown trigger="click" @command="handleSizeChange">
-      <div class="i-svg:size" />
+      <div class="size-trigger">
+        <div class="i-svg:size" />
+      </div>
       <template #dropdown>
         <el-dropdown-menu>
           <el-dropdown-item
@@ -38,3 +40,13 @@ function handleSizeChange(size: string) {
   ElMessage.success(t("sizeSelect.message.success"));
 }
 </script>
+
+<style lang="scss" scoped>
+.size-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/layouts/components/LayoutToolbar.vue b/src/layouts/components/LayoutToolbar.vue
index 0857e5ba..16da0714 100644
--- a/src/layouts/components/LayoutToolbar.vue
+++ b/src/layouts/components/LayoutToolbar.vue
@@ -182,7 +182,7 @@ function handleSettingsClick() {
 .navbar-actions {
   display: flex;
   align-items: center;
-  height: 100%;
+  min-height: 44px;
 
   &__item {
     position: relative;
@@ -190,8 +190,7 @@ function handleSettingsClick() {
     align-items: center;
     justify-content: center;
     min-width: 44px; /* 增加最小点击区域到44px，符合人机交互标�?*/
-    height: 100%;
-    min-height: 44px;
+    height: 44px;
     padding: 0 8px;
     text-align: center;
     cursor: pointer;
@@ -211,7 +210,16 @@ function handleSettingsClick() {
       align-items: center;
       justify-content: center;
       width: 100%;
-      height: 100%;
+      height: 44px;
+    }
+
+    :deep(.i-svg\:language) {
+      flex-shrink: 0;
+      width: 18px;
+      height: 18px;
+      font-size: 18px;
+      line-height: 18px;
+      background-size: 18px 18px;
     }
 
     // 图标样式
@@ -235,7 +243,7 @@ function handleSettingsClick() {
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 100%;
+    height: 44px;
     padding: 0 8px;
 
     &__avatar {