fix: 修复工具栏显示逻辑,初始状态隐藏、选中/编辑输入框时显示、点击空白处隐藏
This commit is contained in:
@@ -65,6 +65,14 @@ html, body {
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
flex-shrink: 0;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.text-editor-toolbar.active {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.toolbar-btn {
|
||||
|
||||
12
js/script.js
12
js/script.js
@@ -115,6 +115,8 @@
|
||||
}
|
||||
// 隐藏辅助线
|
||||
hideGuides();
|
||||
// 隐藏文本编辑器工具栏
|
||||
textEditorToolbar.classList.remove('active');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -770,6 +772,9 @@
|
||||
element.classList.remove('editing');
|
||||
element.contentEditable = 'false';
|
||||
|
||||
// 显示文本编辑器工具栏
|
||||
textEditorToolbar.classList.add('active');
|
||||
|
||||
// 更新工具栏状态
|
||||
updateToolbarState(element);
|
||||
}
|
||||
@@ -787,6 +792,9 @@
|
||||
element.classList.remove('selected');
|
||||
element.contentEditable = 'true';
|
||||
|
||||
// 显示文本编辑器工具栏
|
||||
textEditorToolbar.classList.add('active');
|
||||
|
||||
// 更新工具栏状态
|
||||
updateToolbarState(element);
|
||||
|
||||
@@ -814,6 +822,8 @@
|
||||
element.contentEditable = 'false';
|
||||
element.blur();
|
||||
editingInput = null;
|
||||
// 隐藏文本编辑器工具栏
|
||||
textEditorToolbar.classList.remove('active');
|
||||
}
|
||||
|
||||
// 更新工具栏状态
|
||||
@@ -1238,6 +1248,8 @@
|
||||
selectedInput.classList.remove('selected');
|
||||
selectedInput = null;
|
||||
}
|
||||
// 隐藏文本编辑器工具栏
|
||||
textEditorToolbar.classList.remove('active');
|
||||
}
|
||||
|
||||
// 初始化长按保存(只在3:5预览区域)
|
||||
|
||||
Reference in New Issue
Block a user