示例中心demo

src/main.js

@@ -8,6 +8,11 @@ import mavonEditor from 'mavon-editor'
 import 'mavon-editor/dist/css/index.css'
 Vue.use(mavonEditor)
 
+import { codemirror } from 'vue-codemirror'
+import 'codemirror/lib/codemirror.css'
+Vue.use(codemirror)
+
+
 import VueResource from "vue-resource";
 Vue.use(VueResource);
 

src/pages/technical-support/demo-center/index.vue

@@ -150,7 +150,7 @@ export default {
     },
     // 重置
     refresh() {
-      this.changeMap(this.currentBranch, cuthis.currentName);
+      this.changeMap(this.currentBranch, this.currentName);
     },
     //加载配置文件里面的配置数据
     loadConfigTreeNodeData() {
@@ -320,6 +320,7 @@ export default {
   overflow-x: hidden;
   overflow-y: auto;
   box-sizing: border-box;
+  border-radius: 0 0 0 12px;
 }
 
 .fullmap {
@@ -398,26 +399,26 @@ export default {
 }
 /* 设置滚动条样式 */
 .demo_menu::-webkit-scrollbar,
-.panelCode::-webkit-scrollbar {
+.CodeMirror-vscrollbar::-webkit-scrollbar {
   width: 6px;
   height: 6px;
 }
-.panelCode::-webkit-scrollbar {
+.CodeMirror-vscrollbar::-webkit-scrollbar {
   background-color: #333333;
 }
 .demo_menu::-webkit-scrollbar-track-piece,
-.panelCode::-webkit-scrollbar-track-piece {
+.CodeMirror-vscrollbar::-webkit-scrollbar-track-piece {
   background-color: rgba(255, 255, 255, 0.1);
   -webkit-border-radius: 6px;
 }
 .demo_menu::-webkit-scrollbar-thumb:vertical,
-.panelCode::-webkit-scrollbar-thumb:vertical {
+.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:vertical {
   height: 5px;
   background-color: rgba(255, 255, 255, 0.15);
   -webkit-border-radius: 6px;
 }
 .demo_menu::-webkit-scrollbar-thumb:horizontal,
-.panelCode::-webkit-scrollbar-thumb:horizontal {
+.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:horizontal {
   width: 5px;
   background-color: rgba(255, 255, 255, 0.15);
   -webkit-border-radius: 6px;
@@ -449,11 +450,13 @@ export default {
 .demo_menu .el-tree-node__content:hover {
   background-color: #182665;
   color: #e6ebfe;
+  border-left: 5px solid #fa7d0f;
 }
 
 .demo_menu .el-tree-node:focus > .el-tree-node__content {
   background-color: #182665;
   color: #e6ebfe;
+  border-left: 5px solid #fa7d0f;
 }
 .demo_menu .el-tree-node:focus > .el-tree-node__content .el-tree-node__label {
   color: #e6ebfe;
@@ -465,6 +468,7 @@ export default {
 
 /* 设置编辑器里的样式 */
 .cm-s-cobalt.CodeMirror {
+  height: 100%;
   background: #2a333a;
   color: white;
 }