diff --git a/src/App.vue b/src/App.vue
index 721c752..a29f7f4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,17 +13,11 @@ import CodemirrorEditor from '@/views/CodemirrorEditor.vue'
 html,
 body,
 #app {
+  width: 100%;
+  height: 100%;
   margin: 0;
   padding: 0;
-  height: 100%;
-  width: 100%;
 }
-</style>
-
-<style lang="less">
-/* 每个页面公共css */
-@import url('./assets/less/style-mirror.css');
-@import url('./assets/less/theme.less');
 
 ::-webkit-scrollbar {
   width: 6px;
diff --git a/src/assets/less/style-mirror.css b/src/assets/less/style-mirror.less
similarity index 100%
rename from src/assets/less/style-mirror.css
rename to src/assets/less/style-mirror.less
diff --git a/src/main.js b/src/main.js
index b5ac45a..8e5f624 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,6 +7,11 @@ import 'element-ui/lib/theme-chalk/index.css'
 import 'codemirror/lib/codemirror.css'
 import 'codemirror/theme/xq-light.css'
 
+/* 每个页面公共css */
+import './assets/less/app.less'
+import './assets/less/theme.less'
+import './assets/less/style-mirror.less'
+
 import 'codemirror/mode/css/css'
 import 'codemirror/mode/markdown/markdown'
 import 'codemirror/addon/edit/closebrackets'
diff --git a/src/views/CodemirrorEditor.vue b/src/views/CodemirrorEditor.vue
index 8d26773..cae7161 100644
--- a/src/views/CodemirrorEditor.vue
+++ b/src/views/CodemirrorEditor.vue
@@ -622,9 +622,7 @@ export default {
 .editor__header {
   padding: 0;
 }
-</style>
 
-<style lang="less" scoped>
 .main-body {
   padding-top: 12px;
   overflow: hidden;
@@ -699,7 +697,3 @@ export default {
   overflow-x: auto;
 }
 </style>
-
-<style lang="less" scoped>
-@import url('../assets/less/app.less');
-</style>