feat: 编辑器锁定文章提示 - 禁用编辑,显示明确提示

- /studio/write?id=X 路由:文章被锁定时,页面显示紫色锁定横幅,标题/编辑器只读,提交按钮替换为锁定提示
- studio-editor.js:锁定态下 Vditor 设为 readonly 模式,隐藏工具栏,禁用 Ctrl+S 快捷键
- 新增 .studio-locked-banner / .locked-submit-hint 样式
This commit is contained in:
2026-05-31 20:06:32 +08:00
parent 99d0891413
commit b658eeb8e9
4 changed files with 68 additions and 9 deletions

View File

@ -460,6 +460,44 @@
color: #fff;
}
/* ---------- 锁定提示 ---------- */
.studio-locked-banner {
display: flex;
gap: 14px;
align-items: center;
padding: 16px 20px;
margin-bottom: 20px;
background: #f3e5f5;
border: 1px solid #ce93d8;
border-radius: var(--radius);
color: #6a1b9a;
font-size: 14px;
}
.studio-locked-banner p {
margin: 4px 0 0;
font-size: 13px;
color: #8e24aa;
}
.studio-locked-banner strong {
font-size: 15px;
}
.locked-banner-icon {
font-size: 28px;
flex-shrink: 0;
}
.locked-submit-hint {
font-size: 14px;
color: #6a1b9a;
font-weight: 600;
padding: 8px 16px;
background: #f3e5f5;
border-radius: 8px;
}
/* ---------- 占位提示 ---------- */
.studio-placeholder {
text-align: center;