From be2b3cee9e2cac087ea148372257e7b7cab09a5f Mon Sep 17 00:00:00 2001
From: taylor <709161610@qq.com>
Date: Thu, 16 Mar 2017 21:58:58 +0800
Subject: [PATCH] add vars.scss

---
 build/webpack.base.conf.js | 5 +++--
 src/pages/Home.vue         | 6 ++++--
 src/styles/vars.scss       | 1 +
 3 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 src/styles/vars.scss

diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index f678e9c..6061be6 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -20,13 +20,14 @@ module.exports = {
     filename: '[name].js'
   },
   resolve: {
-    extensions: ['', '.js', '.vue'],
+    extensions: ['', '.js', '.vue', '.scss'],
     fallback: [path.join(__dirname, '../node_modules')],
     alias: {
       'vue$': 'vue/dist/vue',
       'src': path.resolve(__dirname, '../src'),
       'assets': path.resolve(__dirname, '../src/assets'),
-      'components': path.resolve(__dirname, '../src/components')
+      'components': path.resolve(__dirname, '../src/components'),
+      'scss_vars': path.resolve(__dirname, '../src/styles/vars.scss')
     }
   },
   resolveLoader: {
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 72cd94b..9809441 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -10,7 +10,7 @@
 				</div>
 			</el-col>
 			<el-col :span="4" class="userinfo">
-				<el-dropdown trigger="click">
+				<el-dropdown trigger="hover">
 					<span class="el-dropdown-link userinfo-inner"><img :src="this.sysUserAvatar" /> {{sysUserName}}</span>
 					<el-dropdown-menu slot="dropdown">
 						<el-dropdown-item>我的消息</el-dropdown-item>
@@ -139,6 +139,8 @@
 </script>
 
 <style scoped lang="scss">
+	@import '~scss_vars';
+
 	.container {
 		position: absolute;
 		top: 0px;
@@ -147,7 +149,7 @@
 		.header {
 			height: 60px;
 			line-height: 60px;
-			background: #20a0ff;//#20a0ff
+			background: $color-primary;
 			color:#fff;
 			.userinfo {
 				text-align: right;
diff --git a/src/styles/vars.scss b/src/styles/vars.scss
new file mode 100644
index 0000000..d546171
--- /dev/null
+++ b/src/styles/vars.scss
@@ -0,0 +1 @@
+$color-primary: #20a0ff;//#18c79c
\ No newline at end of file