feat(editor): 添加预加载动画和编辑器功能优化

- 新增预加载动画组件及样式
- 优化编辑器图片和视频上传处理逻辑
- 修复编辑器内容转换和格式处理问题
- 添加上传进度显示功能
- 改进编辑器工具栏图标和布局
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-11-28 18:06:40 +08:00
parent 2a227a806d
commit 0960a310aa
8 changed files with 366 additions and 192 deletions

View File

@@ -9,6 +9,7 @@
height: 60px;
background: linear-gradient(180deg, #ffffff -41%, #eef8f9 96%);
margin-bottom: 20px;
position: relative;
}
#edit .edit-head .edit-head-container {
width: 1200px;
@@ -43,6 +44,15 @@
height: 32px;
border-radius: 50%;
}
#edit .edit-head .progress-box {
position: absolute;
bottom: -5px;
left: 0;
height: 5px;
width: 2px;
background: linear-gradient(315deg, #6772ff 0px, #00f9e5 100%) center center / 104% 104% #4a54ff;
border-radius: 0 5px 5px 0;
}
#edit .edit-container {
width: 890px;
background-color: #ffffff;
@@ -134,6 +144,10 @@
#edit .edit-container #editorwrapper .editor-toolbar .toolbar-item > button.active {
background-color: #f6f6bd;
}
#edit .edit-container #editorwrapper .editor-toolbar .toolbar-item > button.disabled {
color: #999;
cursor: not-allowed;
}
#edit .edit-container #editorwrapper .editor-toolbar .toolbar-item .file {
opacity: 0;
/* 隐藏输入框 */
@@ -277,19 +291,20 @@
line-height: 26px;
color: #333333;
}
#edit .edit-container #editorwrapper #editor-container a {
#edit .edit-container #editorwrapper #editor-container h1,
#edit .edit-container #editorwrapper #editor-container h1 span {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif !important;
font-weight: 650 !important;
color: #000000;
font-size: 18px !important;
line-height: 30px;
}
#edit .edit-container #editorwrapper #editor-container a,
#edit .edit-container #editorwrapper #editor-container a span {
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
text-decoration: underline;
color: #04b0d5;
}
#edit .edit-container #editorwrapper #editor-container h1,
#edit .edit-container #editorwrapper #editor-container h1 span {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
color: #000000;
font-size: 18px;
line-height: 30px;
}
#edit .edit-container #editorwrapper #editor-container video {
max-width: 100%;
}