feat(UI): 增加保存状态提示和全局快捷键支持
- 添加保存状态指示器组件,可通过父窗口调用显示 - 实现 Ctrl+S/⌘+S 全局快捷键触发保存功能 - 调整菜单项字体大小至16px
This commit is contained in:
1 parent
da37a780c7
commit
e64b49f03d
3 files changed
+59
-1
No files matched your search
@@ -346,6 +346,7 @@
|
||||
</div>
|
||||
<div class="menu-item__save" title="保存">
|
||||
<span>保存</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -427,6 +428,21 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 保存状态指示器:默认隐藏,父窗口可调用子窗口函数显示 -->
|
||||
<div id="save-status-indicator" style="
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 24px;
|
||||
transform: translateX(-50%);
|
||||
display: none;
|
||||
background: #4caf50;
|
||||
color: #fff;
|
||||
padding: 8px 12px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
|
||||
font-size: 14px;
|
||||
z-index: 9999;
|
||||
">已保存</div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in new issue
Block a user