update

packages/qjkankan-editor/src/components/RichTextEditor.vue

@@ -1,5 +1,10 @@
 <template>
   <div class="rich-text-editor">
+    <div class="editor-title">
+      <div class="title">
+        <span> {{ $i18n.t("hotspot.edit_article_title") }}</span>
+      </div>
+    </div>
     <Toolbar
       style="border-bottom: 1px solid #ccc"
       :editor="editor"
@@ -14,7 +19,7 @@
       @onCreated="onEditorCreated"
     />
     <div class="bottom-bar">
-      <button class="ui-button" @click="onClickCancel">
+      <button class="ui-button deepcancel" @click="onClickCancel">
         {{ $i18n.t("common.cancel") }}
       </button>
       <button class="ui-button submit" @click="onClickOk">
@@ -106,7 +111,6 @@ export default Vue.extend({
       if (lang === "zh") {
         i18nChangeLanguage("zh-CN");
       }
-
     },
     onClickOk() {
       this.$emit("ok", this.html);
@@ -148,17 +152,29 @@ export default Vue.extend({
 <style lang="less" scoped>
 .rich-text-editor {
   // border: 1px solid #ccc;
+  .editor-title {
+    height: 64px;
+    .title {
+      font-size: 18px;
+      color: rgba(255, 255, 255, 0.6);
+      line-height: 24px;
+    }
+  }
   border-radius: 4px;
   overflow: hidden;
+  padding: 26px;
+  background-color: rgba(26, 27, 29, 1);
   > .bottom-bar {
-    padding: 10px;
-    background-color: rgba(0, 0, 0, 0.8);
-    border-top: 1px solid #ccc;
+    padding: 10px 26px 0 26px;
+    margin: 40px -26px 0 -26px;
+    background-color: rgba(26, 27, 29, 1);
+    // border-top: 1px solid #ccc;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     > button {
       margin-left: 10px;
+   
     }
   }
 }

packages/qjkankan-editor/src/lang/_en.json

@@ -915,6 +915,7 @@
     "change_pdf": "Change the PDF",
     "pdf_invalid_tip": "Please upload PDF files within 50M",
     "add_article": "Add Paragraph",
+    "edit_article_title":"Edit paragraph",
     "edit_article":"Edit paragraph",
     "cancel_add_hotspot": "The edited content will not be saved, confirm to close it"
     

packages/qjkankan-editor/src/lang/_zh.json

@@ -906,6 +906,7 @@
     "change_pdf": "更换PDF",
     "pdf_invalid_tip": "请选择50MB以内、PDF格式的文件",
     "add_article": "添加文章内容",
+    "edit_article_title": "编辑文章",
     "edit_article": "编辑文章内容",
     "cancel_add_hotspot": "已编辑内容将不会保存，确定要关闭吗？"
   },