From f42783634d67031c3231d645892b31b357986f0c Mon Sep 17 00:00:00 2001 From: zhanghao Date: Tue, 27 Oct 2020 00:03:55 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A4=BA=E4=BE=8B=E4=B8=AD=E5=BF=83demo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main.js | 5 +++++ .../technical-support/demo-center/index.vue | 16 ++++++++++------ 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/src/main.js b/src/main.js index 6d66641..3cdaa32 100644 --- a/src/main.js +++ b/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); diff --git a/src/pages/technical-support/demo-center/index.vue b/src/pages/technical-support/demo-center/index.vue index ae47d84..b77ed1b 100644 --- a/src/pages/technical-support/demo-center/index.vue +++ b/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; } -- 2.26.0