chore: improve css import

- 公共样式放入顶层 - 合并 `<style>`
doocs · Aug 26, 2023 · 2c9f31e · 2c9f31e
1 parent 8e26697
commit 2c9f31e
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 14 deletions.
diff --git 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 → src/assets/less/style-mirror.less b/src/assets/less/style-mirror.css → src/assets/less/style-mirror.less
diff --git 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
@@ -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>