feat(editor): 添加预加载动画和编辑器功能优化
- 新增预加载动画组件及样式 - 优化编辑器图片和视频上传处理逻辑 - 修复编辑器内容转换和格式处理问题 - 添加上传进度显示功能 - 改进编辑器工具栏图标和布局
This commit is contained in:
33
css/edit.css
33
css/edit.css
@@ -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 #editor—wrapper .editor-toolbar .toolbar-item > button.active {
|
||||
background-color: #f6f6bd;
|
||||
}
|
||||
#edit .edit-container #editor—wrapper .editor-toolbar .toolbar-item > button.disabled {
|
||||
color: #999;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
#edit .edit-container #editor—wrapper .editor-toolbar .toolbar-item .file {
|
||||
opacity: 0;
|
||||
/* 隐藏输入框 */
|
||||
@@ -277,19 +291,20 @@
|
||||
line-height: 26px;
|
||||
color: #333333;
|
||||
}
|
||||
#edit .edit-container #editor—wrapper #editor-container a {
|
||||
#edit .edit-container #editor—wrapper #editor-container h1,
|
||||
#edit .edit-container #editor—wrapper #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 #editor—wrapper #editor-container a,
|
||||
#edit .edit-container #editor—wrapper #editor-container a span {
|
||||
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
|
||||
text-decoration: underline;
|
||||
color: #04b0d5;
|
||||
}
|
||||
#edit .edit-container #editor—wrapper #editor-container h1,
|
||||
#edit .edit-container #editor—wrapper #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 #editor—wrapper #editor-container video {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user