编辑页面

src/components/wangE.vue

@@ -31,10 +31,6 @@ export default {
       type: Boolean,
       default: false
     },
-    menu:{
-      type: Array,
-      default: []
-    }
   },
   watch: {
     isClear(val) {
@@ -105,9 +101,6 @@ export default {
           // }
         }
       };
-      if(this.menu.length){
-        this.editor.config.menus = this.menu
-      }
       this.editor.config.onchange = html => {
         this.info_ = html; // 绑定当前逐渐地值
         this.$emit("change", this.info_); // 将内容同步到父组件中

src/pages/technical-support/answer-center/edit.vue

@@ -2,23 +2,38 @@
     <div class="detail_box">
         <p class="now_page_title">
         技术支持 / 问答中心 / 问答列表 /
-            <span>详情</span>
+            <span>编辑</span>
         </p>
         <div class="detail_content">
-
+            <div class="detail_title">
+                <el-input v-model="title" placeholder="请输入问题标题"></el-input>
+            </div>
+            <div class="detail_edit">
+                <wang-e-bd class="editbox" v-model="editstr" :menu="menu" :full="false"></wang-e-bd>
+            </div>
         </div>
     </div>
 </template>
 
 <script>
+import wangEBd from '@/components/wangEBd'
 export default {
     props: [],
     components: {
-
+        wangEBd
     },
     data() {
         return {
-
+            title:'',
+            menu:[
+                'bold',
+                'foreColor',
+                'code',
+                'link',
+                'image',
+                'video'
+            ],
+            editstr:'',
         };
     },
     watch: {
@@ -41,7 +56,7 @@ export default {
 
 <style scoped>
 .detail_box {
-  height: calc(100% - 15px);
+  
 }
 .now_page_title {
   margin: 13px 0;
@@ -52,6 +67,33 @@ export default {
 }
 .detail_content {
   width: 100%;
-  height: calc(100% - 35px);
+  
+}
+.detail_title{
+	height: 96px;
+	background-color: #ffffff;
+	box-shadow: 0px 3px 6px 0px 
+		rgba(15, 19, 65, 0.04);
+	border-radius: 12px;
+    padding: 24px;
+    margin-bottom: 15px;
+}
+.editbox{
+    height: calc(100% - 65px);
+}
+.detail_edit{
+    height: 672px;
+	background-color: #ffffff;
+	box-shadow: 0px 3px 6px 0px 
+		rgba(15, 19, 65, 0.04);
+	border-radius: 12px;
+    padding: 24px;
+}
+</style>
+<style>
+.detail_title .el-input__inner{
+    height: 48px;
+    line-height: 48px;
+    background-color: #fbfbfc;
 }
 </style>