From d80d5d1f04c0f5dbe61448593064f211dbb49bea Mon Sep 17 00:00:00 2001
From: Frost-ZX <30585462+Frost-ZX@users.noreply.github.com>
Date: Thu, 25 Feb 2021 20:06:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E7=A6=BB=20Less=20=E5=85=A8=E5=B1=80?=
 =?UTF-8?q?=E5=8F=98=E9=87=8F=E3=80=81=E5=85=A8=E5=B1=80=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/global.less   | 12 +-----------
 src/assets/css/variable.less |  9 +++++++++
 src/main.js                  |  1 +
 vue.config.js                |  4 ++--
 4 files changed, 13 insertions(+), 13 deletions(-)
 create mode 100644 src/assets/css/variable.less

diff --git a/src/assets/css/global.less b/src/assets/css/global.less
index c5ac9a9..7c512f7 100644
--- a/src/assets/css/global.less
+++ b/src/assets/css/global.less
@@ -1,15 +1,5 @@
 /* -- 全局样式 -- */
 
-// 变量
-
-@headerHeight: 4rem;
-
-@colorPrimary: #2196F3;
-@colorSecondary: #67C23A;
-@colorWhite: #F9F9F9;
-
-@transitionTime: .25s;
-
 // 滚动条
 
 ::-webkit-scrollbar {
@@ -106,4 +96,4 @@ body {
 
 .el-select-dropdown {
     border: none !important;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/variable.less b/src/assets/css/variable.less
new file mode 100644
index 0000000..0a58948
--- /dev/null
+++ b/src/assets/css/variable.less
@@ -0,0 +1,9 @@
+/* -- 全局变量 -- */
+
+@headerHeight: 4rem;
+
+@colorPrimary: #2196F3;
+@colorSecondary: #67C23A;
+@colorWhite: #F9F9F9;
+
+@transitionTime: .25s;
diff --git a/src/main.js b/src/main.js
index 845d398..47a6646 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,6 +9,7 @@ import utils from './assets/js/utils';
 
 import 'ress/ress.css';
 import './assets/css/element.scss';
+import './assets/css/global.less';
 
 Vue.use(ElementUI);
 
diff --git a/vue.config.js b/vue.config.js
index e413c6b..9cbcbe5 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -24,9 +24,9 @@ module.exports = {
     pluginOptions: {
         'style-resources-loader': {
             preProcessor: 'less',
-            // 全局 Less
+            // 全局 Less 变量
             patterns: [
-                path.resolve(__dirname, 'src/assets/css/global.less')
+                path.resolve(__dirname, 'src/assets/css/variable.less')
             ]
         }
     },