diff --git a/package.json b/package.json
index c12cbb7..c39ea42 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
   "dependencies": {
     "css-loader": "^0.28.11",
     "node-sass": "^4.13.0",
-    "sass-loader": "^8.0.0",
+    "sass-loader": "^7.3.1",
     "scss": "^0.2.4",
     "scss-loader": "^0.0.1",
     "style-loader": "^1.1.2",
diff --git a/src/assets/css/commonCss/minxin.scss b/src/assets/css/commonCss/minxin.scss
index 8095330..1a484eb 100644
--- a/src/assets/css/commonCss/minxin.scss
+++ b/src/assets/css/commonCss/minxin.scss
@@ -8,3 +8,5 @@
 $fontBlue: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,202,254, 1)), to(rgba(39,114,244, 1)));
 
 $fontOrange: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,186,0, 1)), to(rgba(255,129,0, 1)));
+
+$colorCom:#f00;
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 1a102e2..fbf8447 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -239,7 +239,7 @@ export default {
 }
 </script>
 
-<style scoped lang="">
+<style scoped lang="scss">
   .banner-wrapper{
     height: 603px;
     background:rgba(0,0,0,.58);