md/css/app.836d027d.css.map
2021-12-03 06:37:43 +00:00

1 line
28 KiB
Plaintext

{"version":3,"sources":["webpack:///src/App.vue","webpack:///src/assets/less/style-mirror.css","webpack:///src/assets/less/theme.less","webpack:///src/components/Loading.vue","webpack:///src/components/CodemirrorEditor/resetDialog.vue","webpack:///src/components/CodemirrorEditor/header.vue","webpack:///src/components/CodemirrorEditor/aboutDialog.vue","webpack:///src/components/CodemirrorEditor/insertForm.vue","webpack:///src/components/CodemirrorEditor/rightClickMenu.vue","webpack:///src/components/CodemirrorEditor/uploadImgDialog.vue","webpack:///src/pages/index/view/CodemirrorEditor.vue","webpack:///src/assets/less/app.less","webpack:///src/pages/index/src/pages/index/index.vue"],"names":[],"mappings":"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","file":"app.836d027d.css","sourcesContent":["/* 每个页面公共css */\n@import url(\"./assets/less/style-mirror.css\");\n.container_night {\n background-color: #333333;\n}\n.container_night .el-main {\n background-color: #333333;\n}\n.container_night .CodeMirror {\n caret-color: gray;\n color: gray;\n background-color: #1e1e1e;\n box-shadow: inset 0 0 0 1px rgba(100, 37, 37, 0.102);\n}\n.container_night .output_night .preview {\n background-color: #1e1e1e;\n box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);\n}\n.container_night .output_night .preview-wrapper {\n background-color: #1e1e1e;\n box-shadow: inset 0 0 0 1px rgba(233, 231, 231, 0.102);\n}\n.container_night .output_night .code-snippet__fix {\n background-color: #eeeeee;\n}\n.container_night .cm-s-style-mirror .CodeMirror-matchingbracket {\n color: #f0f0f0 !important;\n background: #1e1e1e !important;\n}\n.container_night .cm-s-xq-light span.cm-variable-2,\n.container_night .cm-s-style-mirror span.cm-tag {\n color: gray;\n}\n.container_night .cm-s-xq-light .CodeMirror-activeline-background {\n background-color: transparent;\n}\n.container_night .cm-s-xq-light span.cm-string {\n color: #8e9eb9;\n}\n.container_night .cm-s-xq-light span.cm-link {\n color: #84868b;\n}\n.container_night .editor__header {\n background-color: #3c3c3c;\n}\n.container_night .el-button {\n color: #f0f0f0;\n background-color: #1e1e1e;\n border: 1px solid transparent;\n}\n.container_night .el-button.is-plain:focus,\n.container_night .el-button.is-plain:hover {\n background: #1e1e1e;\n color: #f0f0f0;\n border: 1px solid #f0f0f0;\n}\n.container_night .el-button.is-plain:focus i,\n.container_night .el-button.is-plain:hover i {\n color: #f0f0f0;\n}\n.container_night .insert__dialog .el-dialog,\n.container_night .about__dialog .el-dialog,\n.container_night .reset__dialog .el-dialog,\n.container_night .upload__dialog .el-dialog {\n background-color: #333333;\n}\n.container_night .insert__dialog .el-dialog__body,\n.container_night .about__dialog .el-dialog__body,\n.container_night .reset__dialog .el-dialog__body,\n.container_night .upload__dialog .el-dialog__body {\n color: #f0f0f0;\n}\n.container_night .insert__dialog .el-dialog__title,\n.container_night .about__dialog .el-dialog__title,\n.container_night .reset__dialog .el-dialog__title,\n.container_night .upload__dialog .el-dialog__title,\n.container_night .insert__dialog .el-form-item__label,\n.container_night .about__dialog .el-form-item__label,\n.container_night .reset__dialog .el-form-item__label,\n.container_night .upload__dialog .el-form-item__label {\n color: #f0f0f0;\n}\n.container_night .insert__dialog .el-tabs__item,\n.container_night .about__dialog .el-tabs__item,\n.container_night .reset__dialog .el-tabs__item,\n.container_night .upload__dialog .el-tabs__item {\n color: gray;\n}\n.container_night .insert__dialog .el-tabs__nav-wrap::after,\n.container_night .about__dialog .el-tabs__nav-wrap::after,\n.container_night .reset__dialog .el-tabs__nav-wrap::after,\n.container_night .upload__dialog .el-tabs__nav-wrap::after {\n background-color: #84868b;\n}\n.container_night .insert__dialog .is-active,\n.container_night .about__dialog .is-active,\n.container_night .reset__dialog .is-active,\n.container_night .upload__dialog .is-active {\n color: #f0f0f0;\n}\n.container_night .insert__dialog .el-upload-dragger,\n.container_night .about__dialog .el-upload-dragger,\n.container_night .reset__dialog .el-upload-dragger,\n.container_night .upload__dialog .el-upload-dragger {\n background-color: #1e1e1e;\n}\n.container_night ::v-deep .el-icon-upload,\n.container_night .el-icon-download,\n.container_night .el-icon-refresh,\n.container_night .el-icon-s-grid,\n.container_night .el-icon-document {\n color: #f0f0f0;\n}\n.container_night ::-webkit-scrollbar {\n background-color: #1e1e1e;\n}\n.CodeMirror {\n padding-bottom: 0;\n height: 100% !important;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n font-size: 14px;\n font-family: \"PingFang SC\", BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif !important;\n}\n.CodeMirror-vscrollbar:focus {\n outline: none;\n}\n.CodeMirror-scroll {\n padding: 0 20px;\n overflow-x: hidden !important;\n overflow-y: scroll !important;\n}\n.CodeMirror-vscrollbar {\n width: 0px;\n height: 0px;\n}\n.CodeMirror-wrap {\n padding-top: 20px;\n padding-bottom: 20px;\n box-sizing: border-box;\n}\n::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n background-color: #fff;\n}\n::-webkit-scrollbar-track {\n border-radius: 6px;\n background-color: rgba(200, 200, 200, 0.3);\n}\n::-webkit-scrollbar-thumb {\n border-radius: 6px;\n background-color: rgba(144, 146, 152, 0.5);\n transition: background-color 0.3s;\n}\n::-webkit-scrollbar-thumb:hover {\n background-color: rgba(144, 146, 152, 0.5);\n}\n/* CSS-hints */\n.CodeMirror-hints {\n position: absolute;\n z-index: 10;\n overflow: hidden;\n list-style: none;\n margin: 0;\n padding: 2px;\n border-radius: 4px;\n background-color: #ffffff;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n min-width: 200px;\n font-size: 12px;\n font-family: monospace;\n max-height: 20em;\n overflow-y: auto;\n color: #333333;\n}\n.CodeMirror-hint {\n margin: 0;\n margin-top: 10px;\n padding: 4px 6px;\n border-radius: 2px;\n white-space: pre;\n color: black;\n cursor: pointer;\n}\n.CodeMirror-hint:first-of-type {\n margin-top: 0;\n}\n.CodeMirror-hint:hover {\n background: #f0f0f0;\n}\n","/*\n\n Name: Base16 Default Light\n Author: Chris Kempson (http://chriskempson.com)\n\n CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)\n Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)\n\n*/\n\n.cm-s-style-mirror.CodeMirror {\n color: #444;\n font-size: 16px;\n line-height: 25px;\n}\n\n.cm-s-style-mirror .CodeMirror-scroll {\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n overflow-x: hidden !important;\n overflow-y: scroll !important;\n}\n\n.cm-s-style-mirror div.CodeMirror-selected {\n background: #e0e0e0;\n}\n\n.cm-s-style-mirror .CodeMirror-line::selection,\n.cm-s-style-mirror .CodeMirror-line > span::selection,\n.cm-s-style-mirror .CodeMirror-line > span > span::selection {\n background: #e0e0e0;\n}\n\n.cm-s-style-mirror .CodeMirror-line::-moz-selection,\n.cm-s-style-mirror .CodeMirror-line > span::-moz-selection,\n.cm-s-style-mirror .CodeMirror-line > span > span::-moz-selection {\n background: #e0e0e0;\n}\n\n.cm-s-style-mirror .CodeMirror-gutters {\n background: #f5f5f5;\n border-right: 0px;\n}\n\n.cm-s-style-mirror .CodeMirror-guttermarker {\n color: #ac4142;\n}\n\n.cm-s-style-mirror .CodeMirror-guttermarker-subtle {\n color: #b0b0b0;\n}\n\n.cm-s-style-mirror .CodeMirror-linenumber {\n color: #b0b0b0;\n}\n\n.cm-s-style-mirror .CodeMirror-cursor {\n border-left: 1px solid #505050;\n}\n\n.cm-s-style-mirror span.cm-comment {\n color: green;\n}\n\n.cm-s-style-mirror span.cm-atom {\n color: #aa759f;\n}\n\n.cm-s-style-mirror span.cm-number {\n color: #aa759f;\n}\n\n.cm-s-style-mirror span.cm-property,\n.cm-s-style-mirror span.cm-attribute {\n color: #90a959;\n}\n\n.cm-s-style-mirror span.cm-keyword {\n color: #023a52;\n}\n\n.cm-s-style-mirror span.cm-string {\n color: #e46918;\n}\n\n.cm-s-style-mirror span.cm-variable {\n color: #90a959;\n}\n\n.cm-s-style-mirror span.cm-variable-2 {\n color: #00695f;\n}\n\n.cm-s-style-mirror span.cm-variable-3 {\n color: #2e6e8a;\n}\n\n.cm-s-style-mirror span.cm-def {\n color: #d28445;\n}\n\n.cm-s-style-mirror span.cm-bracket {\n color: #202020;\n}\n\n.cm-s-style-mirror span.cm-tag {\n color: #000;\n}\n\n.cm-s-style-mirror span.cm-link {\n color: #b26a00;\n}\n\n.cm-s-style-mirror span.cm-error {\n /* background: #ac4142;\n color: #f5f5f5; */\n text-decoration: underline;\n text-decoration-style: wavy;\n text-decoration-color: #df8d8e;\n}\n\n.cm-s-style-mirror .CodeMirror-activeline-background {\n background: #dddcdc;\n}\n\n.cm-s-style-mirror .CodeMirror-matchingbracket {\n color: rgb(32, 32, 32) !important;\n background-color: rgba(0, 0, 0, 0.1) !important;\n}\n","@nightBgColor: #333333;\n@nightPreviewColor: #1e1e1e;\n@nightHeaderColor: #3c3c3c;\n@nightCodeMirrorColor: #1e1e1e;\n@nightActiveCodeMirrorColor: gray;\n@nightFontColor: gray;\n@nightLinkColor: #8e9eb9;\n@nightLinkTextColor: #84868b;\n@nightWhiteColor: #f0f0f0;\n@nightButtonBg: #1e1e1e;\n@nightButtonHoverColor: #84868b;\n@nightLineColor: #84868b;\n\n.container_night {\n background-color: @nightBgColor;\n\n .el-main {\n background-color: @nightBgColor;\n }\n\n .CodeMirror {\n caret-color: @nightFontColor;\n color: @nightFontColor;\n background-color: @nightCodeMirrorColor;\n box-shadow: inset 0 0 0 1px rgba(100, 37, 37, 0.102);\n }\n\n .output_night {\n .preview {\n background-color: @nightPreviewColor;\n box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);\n }\n\n .preview-wrapper {\n background-color: @nightCodeMirrorColor;\n box-shadow: inset 0 0 0 1px rgba(233, 231, 231, 0.102);\n }\n\n .code-snippet__fix {\n background-color: rgb(238, 238, 238);\n }\n }\n\n .cm-s-style-mirror .CodeMirror-matchingbracket {\n color: @nightWhiteColor !important;\n background: rgb(30, 30, 30) !important;\n }\n\n .cm-s-xq-light span.cm-variable-2,\n .cm-s-style-mirror span.cm-tag {\n color: @nightFontColor;\n }\n\n .cm-s-xq-light .CodeMirror-activeline-background {\n background-color: transparent;\n }\n\n .cm-s-xq-light span.cm-string {\n color: @nightLinkColor;\n }\n\n .cm-s-xq-light span.cm-link {\n color: @nightLinkTextColor;\n }\n\n .editor__header {\n background-color: @nightHeaderColor;\n }\n\n .el-button {\n color: @nightWhiteColor;\n background-color: @nightCodeMirrorColor;\n border: 1px solid transparent;\n }\n\n .el-button.is-plain:focus,\n .el-button.is-plain:hover {\n background: @nightButtonBg;\n color: @nightWhiteColor;\n border: 1px solid @nightWhiteColor;\n\n i {\n color: @nightWhiteColor;\n }\n }\n\n .insert__dialog,\n .about__dialog,\n .reset__dialog,\n .upload__dialog {\n .el-dialog {\n background-color: @nightBgColor;\n }\n\n .el-dialog__body {\n color: @nightWhiteColor;\n }\n\n .el-dialog__title,\n .el-form-item__label {\n color: @nightWhiteColor;\n }\n\n .el-tabs__item {\n color: @nightActiveCodeMirrorColor;\n }\n\n .el-tabs__nav-wrap::after {\n background-color: @nightLineColor;\n }\n\n .is-active {\n color: @nightWhiteColor;\n }\n\n .el-upload-dragger {\n background-color: @nightButtonBg;\n }\n }\n\n ::v-deep .el-icon-upload,\n .el-icon-download,\n .el-icon-refresh,\n .el-icon-s-grid,\n .el-icon-document {\n color: @nightWhiteColor;\n }\n\n ::-webkit-scrollbar {\n background-color: @nightCodeMirrorColor;\n }\n}\n\n.CodeMirror {\n padding-bottom: 0;\n height: 100% !important;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n font-size: 14px;\n font-family: \"PingFang SC\", BlinkMacSystemFont, Roboto, \"Helvetica Neue\",\n sans-serif !important;\n}\n\n.CodeMirror-vscrollbar:focus {\n outline: none;\n}\n\n.CodeMirror-scroll {\n padding: 0 20px;\n overflow-x: hidden !important;\n overflow-y: scroll !important;\n}\n\n.CodeMirror-vscrollbar {\n width: 0px;\n height: 0px;\n}\n\n.CodeMirror-wrap {\n padding-top: 20px;\n padding-bottom: 20px;\n box-sizing: border-box;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n.loading-wrapper {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translateX(-50%) translateY(-50%);\n}\n.loading {\n text-align: center;\n position: fixed;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 99999;\n background-color: #f2f2f2;\n}\n\n.loading_night {\n background-color: #303133;\n}\n\n.loading-text {\n font-size: 18px;\n font-weight: bold;\n margin-top: 26px;\n color: #303133;\n}\n\n.loading-anim {\n display: inline-block;\n width: 100px;\n height: 100px;\n background: url(\"../assets/images/favicon.png\") no-repeat;\n background-size: cover;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/deep/ .el-dialog {\n min-width: 440px;\n}\n.reset__dialog {\n text-align: center;\n}\n\n.text {\n text-align: center;\n}\n\n.dialog-footer {\n text-align: center;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.editor__header {\n width: 100%;\n}\n.header__item {\n margin: 0 3px;\n}\n.header__item_last {\n margin-right: 8px;\n}\n.header__switch {\n margin-left: 8px;\n}\n.mode__switch {\n margin-left: 24px;\n margin-right: 24px;\n width: 24px;\n height: 24px;\n background: url(\"../../assets/images/night.png\") no-repeat;\n background-size: cover;\n transition: all 0.3s;\n}\n.mode__switch_black {\n background: url(\"../../assets/images/light.png\") no-repeat;\n background-size: cover;\n}\n.top {\n height: 60px;\n padding: 10px 20px;\n display: flex;\n align-items: center;\n margin-right: 0;\n}\n.el-select {\n margin-right: 12px;\n}\n.left-side {\n display: flex;\n align-items: center;\n flex: 1;\n}\n.right-side {\n display: flex;\n align-items: center;\n}\n\n/*\n.preview table tr:nth-child(even){\n background: rgb(250, 250, 250);\n}\n */\n.select-item-left {\n float: left;\n}\n\n.select-item-right {\n float: right;\n color: #8492a6;\n font-size: 13px;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/deep/ .el-dialog {\n min-width: 420px;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/deep/ .el-dialog {\n width: 55%;\n min-height: 375px;\n min-width: 440px;\n}\n.tb-options {\n margin-bottom: 20px;\n}\n\n.input-table ::v-deep .el-input__inner {\n border-radius: 0;\n}\n\n.head-style /deep/ .el-input__inner {\n background-color: #f2f2f2;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.menu {\n position: absolute;\n border-radius: 4px;\n background-color: #ffffff;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n z-index: 9999;\n}\n\n.menu_item {\n margin-top: 10px;\n min-width: 200px;\n font-size: 12px;\n line-height: 20px;\n color: #333333;\n cursor: pointer;\n &:first-of-type {\n margin-top: 0;\n }\n &:hover {\n background: #f0f0f0;\n }\n span,\n .btn-upload {\n display: inline-block;\n padding: 4px 0;\n padding-left: 24px;\n width: 100%;\n }\n .btn-upload {\n margin: 0;\n border: none;\n outline: none;\n background: transparent;\n }\n .btn-upload:hover {\n background: #aaaaaa;\n }\n ::v-deep .el-upload {\n width: 100%;\n }\n}\n\n.menu__group {\n padding-top: 6px;\n padding-bottom: 6px;\n border-bottom: 1px solid #eeeeee;\n &:last-of-type {\n border-bottom: none;\n }\n}\n\nli:hover {\n background-color: #1790ff;\n}\n\nli {\n font-size: 15px;\n list-style: none;\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/deep/ .el-dialog {\n width: 55%;\n min-height: 615px;\n min-width: 640px;\n}\n/deep/ .el-upload-dragger {\n display: flex;\n flex-flow: column;\n justify-content: center;\n width: 500px;\n height: 360px;\n .el-icon-upload {\n margin-top: 0;\n }\n}\n/deep/ .el-dialog__body {\n padding-bottom: 50px;\n}\n.upload-panel {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n\n .el-select {\n align-self: flex-end;\n margin: 0 67.75px 20px;\n width: 100px;\n }\n}\n\n.github-panel {\n display: flex;\n justify-content: center;\n &.formCustom {\n width: 100%;\n }\n .formCustomElInput {\n /deep/ .CodeMirror {\n border: 1px solid #eee;\n height: 300px !important;\n font-family: \"Fira Mono\", \"DejaVu Sans Mono\", Menlo, Consolas, \"Liberation Mono\", Monaco, \"Lucida Console\", monospace !important;\n line-height: 20px;\n .CodeMirror-scroll {\n padding: 10px;\n }\n }\n }\n}\n\n.setting-form {\n width: 100%;\n\n .el-form-item {\n margin: 15px;\n }\n\n .el-form-item:last-child {\n text-align: right;\n }\n}\n","* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\ninput,\nbutton,\ntextarea {\n font-family: inherit;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: normal;\n}\nem {\n font-style: normal !important;\n}\nhtml,\nbody {\n height: 100%;\n font-family: \"PingFang SC\", BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif;\n}\n.el-message__icon {\n display: none;\n}\n.container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.web-title {\n margin: 0 15px 0 5px;\n}\n.web-icon {\n width: auto;\n height: 1.5rem;\n vertical-align: middle;\n}\n#editor {\n height: 100%;\n display: block;\n border: none;\n width: 100%;\n padding: 10px;\n}\nsection {\n height: 100%;\n}\n.main-body {\n display: flex;\n flex-direction: column;\n padding-top: 0;\n}\n.ctrl {\n flex-basis: 60px;\n flex-grow: 1;\n flex-shrink: 1;\n display: flex;\n align-items: center;\n}\n.preview-wrapper {\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n padding: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n word-break: break-all;\n overflow-y: scroll;\n}\n.main-section {\n display: flex;\n height: 100%;\n}\n.hint {\n opacity: 0.6;\n margin: 20px 0;\n}\n.preview {\n position: relative;\n margin: 0 -20px;\n width: 375px;\n padding: 20px;\n font-size: 14px;\n box-sizing: border-box;\n outline: none;\n box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);\n}\n.preview table {\n margin-bottom: 10px;\n border-collapse: collapse;\n display: table;\n width: 100% !important;\n}\n/* ele ui */\n.el-form-item {\n margin-bottom: 0 !important;\n}\n.el-tooltip {\n cursor: pointer;\n}\nuni-page-body,\nuni-page-refresh {\n display: block;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n}\n","* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\ninput,\nbutton,\ntextarea {\n font-family: inherit;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: normal;\n}\n\nem {\n font-style: normal !important;\n}\n\nhtml,\nbody {\n height: 100%;\n font-family: \"PingFang SC\", BlinkMacSystemFont, Roboto, \"Helvetica Neue\",\n sans-serif;\n}\n\n.el-message__icon {\n display: none;\n}\n\n.container {\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.web-title {\n margin: 0 15px 0 5px;\n}\n\n.web-icon {\n width: auto;\n height: 1.5rem;\n vertical-align: middle;\n}\n\n#editor {\n height: 100%;\n display: block;\n border: none;\n width: 100%;\n padding: 10px;\n}\n\nsection {\n height: 100%;\n}\n\n.main-body {\n display: flex;\n flex-direction: column;\n padding-top: 0;\n}\n\n.ctrl {\n flex-basis: 60px;\n flex-grow: 1;\n flex-shrink: 1;\n display: flex;\n align-items: center;\n}\n\n.preview-wrapper {\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n padding: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n word-break: break-all;\n overflow-y: scroll;\n}\n\n.main-section {\n display: flex;\n height: 100%;\n}\n\n.hint {\n opacity: 0.6;\n margin: 20px 0;\n}\n\n.preview {\n position: relative;\n margin: 0 -20px;\n width: 375px;\n padding: 20px;\n font-size: 14px;\n box-sizing: border-box;\n outline: none;\n box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);\n}\n\n.preview table {\n margin-bottom: 10px;\n border-collapse: collapse;\n display: table;\n width: 100% !important;\n}\n\n/* ele ui */\n.el-form-item {\n margin-bottom: 0 !important;\n}\n\n.el-tooltip {\n cursor: pointer;\n}\n\nuni-page-body,\nuni-page-refresh {\n display: block;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n}\n","<template>\n <transition name=\"fade\" v-if=\"loading\">\n <loading />\n </transition>\n <codemirror-editor v-else />\n</template>\n\n<script>\nimport Loading from \"../../components/Loading\";\nimport CodemirrorEditor from \"./view/CodemirrorEditor\";\nexport default {\n name: \"App\",\n components: {\n Loading,\n CodemirrorEditor,\n },\n data() {\n return {\n loading: true,\n };\n },\n mounted() {\n setTimeout(() => {\n this.loading = false;\n }, 100);\n },\n};\n</script>\n\n<style scoped>\n.fade-enter,\n.fade-leave-to {\n opacity: 0;\n}\n.fade-enter-to,\n.fade-leave {\n opacity: 1;\n}\n.fade-enter-active,\n.fade-leave-active {\n transition: all 1s;\n}\n</style>\n"]}