diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index a1d0fc4..f397213 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -64,14 +64,7 @@ module.exports = {
         }
       },
       {
-        test: /\.scss$/,
-        use: [{
-          loader: "style-loader" // creates style nodes from JS strings
-        }, {
-          loader: "css-loader" // translates CSS into CommonJS
-        }, {
-          loader: "sass-loader" // compiles Sass to CSS
-        }]
+      test:/\.scss$/,use:['style-loader','css-loader','sass-loader'],
       }
     ]
   },
diff --git a/src/App.vue b/src/App.vue
index 750993e..4648bce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -38,6 +38,7 @@ export default {
   }
 
   .footer {
+    width: 100%;
     height: 100px;
     position: absolute;
     bottom: 0;
diff --git a/src/components/commonHeaderFooter/VFooter.vue b/src/components/commonHeaderFooter/VFooter.vue
index 8551dbc..75837a6 100644
--- a/src/components/commonHeaderFooter/VFooter.vue
+++ b/src/components/commonHeaderFooter/VFooter.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>1</div>
+    <div>2</div>
 </template>
 
 <script>
@@ -8,6 +8,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped lang="">
 
 </style>
diff --git a/src/components/commonHeaderFooter/VHeader.vue b/src/components/commonHeaderFooter/VHeader.vue
index 6157126..d7f5c12 100644
--- a/src/components/commonHeaderFooter/VHeader.vue
+++ b/src/components/commonHeaderFooter/VHeader.vue
@@ -8,6 +8,6 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style scoped lang="">
 
 </style>