From 12cf420ba7b6f85ebd7883fa799df5d8b5cd0ecf Mon Sep 17 00:00:00 2001 From: heimawl <1785969728@qq.com> Date: 星期一, 26 六月 2023 15:09:49 +0800 Subject: [PATCH] 配置代码编辑依赖 --- src/views/Intelligentcenter/centercontrol/index.vue | 33 +++++++++++++++++++++++++++++++++ 1 files changed, 33 insertions(+), 0 deletions(-) diff --git a/src/views/Intelligentcenter/centercontrol/index.vue b/src/views/Intelligentcenter/centercontrol/index.vue index 18aa895..c5b36bc 100644 --- a/src/views/Intelligentcenter/centercontrol/index.vue +++ b/src/views/Intelligentcenter/centercontrol/index.vue @@ -76,16 +76,37 @@ </el-tab-pane> </el-tabs> </div> + <div class="leftvalu-code"> + <codemirror v-model="code" :options="options"></codemirror> + </div> </div> </div> </template> <script> +// import { codemirror } from "vue-codemirror"; export default { name: "education", data() { return { + code: "", + options: { + line: true, + theme: "rubyblue", // 涓婚 + tabSize: 4, // 鍒惰〃绗︾殑瀹藉害 + indentUnit: 2, // 涓�涓潡搴旇缂╄繘澶氬皯涓┖鏍硷紙鏃犺杩欏湪缂栬緫璇█涓剰鍛崇潃浠�涔堬級銆傞粯璁ゅ�间负 2銆� + firstLineNumber: 1, // 浠庡摢涓暟瀛楀紑濮嬭绠楄鏁般�傞粯璁ゅ�间负 1銆� + readOnly: false, // 鍙 + autorefresh: true, + smartIndent: true, // 涓婁笅鏂囩缉杩� + lineNumbers: true, // 鏄惁鏄剧ず琛屽彿 + styleActiveLine: true, // 楂樹寒閫変腑琛� + viewportMargin: Infinity, //澶勭悊楂樺害鑷�傚簲鏃舵惌閰嶄娇鐢� + showCursorWhenSelecting: true, // 褰撻�夋嫨澶勪簬娲诲姩鐘舵�佹椂鏄惁搴旂粯鍒舵父鏍� + mode: "javascript", + }, + editableTabsValue: "2-2-3", editableTabslist: [ { @@ -183,6 +204,17 @@ .educationmanagement { display: flex; } +.leftvalu-code { + // background: #3a3d42; + // height: 300px; + // ::v-deep.CodeMirror { + // position: relative; + // overflow: hidden; + // background: #3a3d42; + // color: #3a92ef; + // font-size: 20px; + // } +} .sidecolumn { width: 300px; min-height: 100vh; @@ -219,6 +251,7 @@ display: center !important; } } + .qrcode-dialo { text-align: center; // display: flex; -- Gitblit v1.9.3