修改全屏按钮

css/header.css

@@ -34,12 +34,11 @@ header .toggle-menu:hover {
 /* 头部全屏按钮样式（仅大屏幕显示） */
 #fullscreen-button {
     position: absolute;
-    right: 16px;
+    right: 12px;
     top: 0px;
     background: none;
     border: none;
     cursor: pointer;
-    font-size: 32px;
     display: flex;
     align-items: center;
     transition: top 0.3s ease,transform 0.3s ease-in-out, padding 0.3s ease-in-out; /* 平滑放大动画 */

index.html

@@ -21,7 +21,7 @@
         <div class="logo_head" id="logo_head">DreamLife|ToolBox</div>
         <button class="toggle-menu" id="toggle-menu">☰</button>
         <button id="fullscreen-button" class="fullscreen-btn">
-            <span class="icon">&#x26F6;</span>
+            <span class="icon"><img src="icon/full.png" width="30px"></span>
         </button>
     </header>
 
@@ -35,8 +35,8 @@
         <nav>
             <a id="sidebar-fullscreen-button" href="#" class="sidebar-link">
                 <div class="link-content">
-                    <i class="icon">&#x26F6;</i>  <!-- 初始图标 -->
-                    <span>全屏</span>
+                    <span class="icon"><img src="icon/full.png" width="30px"></span>
+                    <span class="btn-text">全屏</span>
                 </div>
             </a>
         </nav>

javascape/full_button.js

@@ -33,12 +33,17 @@ function toggleFullscreen() {
 function updateFullscreenButton(isFullscreen) {
     const buttons = [fullscreenButton, sidebarFullscreenButton];
     buttons.forEach(button => {
+        // 更新文字
+        const textElement = button.querySelector('.btn-text');
+        if (textElement) {
+            textElement.textContent = isFullscreen ? '退出' : '全屏';
+        }
         if (isFullscreen) {
             button.querySelector('span').textContent = '退出';
-            button.querySelector('.icon').innerHTML = '↵'; // 退出全屏图标
+            button.querySelector('.icon').innerHTML = '<img src="./icon/off.png" width="30px">'; // 退出全屏图标
         } else {
             button.querySelector('span').textContent = '全屏';
-            button.querySelector('.icon').innerHTML = '&#x26F6;'; // 全屏图标
+            button.querySelector('.icon').innerHTML = '<img src="./icon/full.png" width="30px">'; // 全屏图标
         }
     });
 }