修改全屏按钮

This commit is contained in:
Cx330 committed 2025-03-31 21:34:27 +08:00
1 parent 584977f39d
commit 4b72d5b4c7
5 files changed
+11 -7

No files matched your search

+7 -2
View File
@@ -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">'; // 全屏图标
}
});
}