引入全局样式

components/common/input/src/input.vue

@@ -91,7 +91,6 @@
 
 
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-  @import "../../../../assets/common";
   .yun-input{
   .yun-input{
     display: inline-block;
     display: inline-block;
     background-color:#F4F8FA;
     background-color:#F4F8FA;

components/common/message-box/src/main.vue

@@ -77,12 +77,7 @@
 </template>
 </template>
 
 
 <script type="text/babel">
 <script type="text/babel">
-  //import Popup from 'element-ui/src/utils/popup';
-  //import Locale from 'element-ui/src/mixins/locale';
-  // import ElInput from 'element-ui/packages/input';
-  // import ElButton from 'element-ui/packages/button';
   import { addClass, removeClass } from '../../../../action/utils/dom';
   import { addClass, removeClass } from '../../../../action/utils/dom';
-  //import { t } from 'element-ui/src/locale';
   import Dialog from '../../../../action/utils/aria-dialog';
   import Dialog from '../../../../action/utils/aria-dialog';
 
 
   let messageBox;
   let messageBox;
@@ -333,7 +328,6 @@
 
 
 
 
 <style lang="scss">
 <style lang="scss">
-  @import "../../../../assets/common";
   /* MessageBox
   /* MessageBox
 -------------------------- */
 -------------------------- */
   $--color-primary: #409EFF !default;
   $--color-primary: #409EFF !default;

components/common/message/src/main.vue

@@ -27,8 +27,6 @@
 
 
 
 
 <script>
 <script>
-  import '../../../../assets/base.scss'
-
   const typeMap = {
   const typeMap = {
     success:'success',
     success:'success',
     info:'info',
     info:'info',

components/pc/pageFooter.vue

+<template>
+  <div class="bc-layout-container-footer">
+    <div class="footer-center">
+      <div class="footer-center-l">
+
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "pageFooter"
+}
+</script>
+
+<style scoped>
+
+</style>

components/pc/pageHeader.vue

 <template>
 <template>
-  <div class="bc-layout-container-header">>
+  <div class="bc-layout-container-header">
     <div class="container-header">
     <div class="container-header">
       <div class="header-center">
       <div class="header-center">
         <div class="header-center-l">
         <div class="header-center-l">
@@ -78,8 +78,6 @@
 </script>
 </script>
 
 
 <style lang="scss">
 <style lang="scss">
-  @import '../../assets/base';
-
   .bc-layout-container-header{
   .bc-layout-container-header{
 
 
     >.container-header{
     >.container-header{

layouts/default.vue

@@ -2,22 +2,24 @@
   <div class="bc-layout-container">
   <div class="bc-layout-container">
     <page-header></page-header>
     <page-header></page-header>
     <nuxt />
     <nuxt />
+    <page-footer></page-footer>
   </div>
   </div>
 </template>
 </template>
 
 
 
 
 <script>
 <script>
   import PageHeader from '../components/pc/pageHeader';
   import PageHeader from '../components/pc/pageHeader';
+  import PageFooter from '../components/pc/pageFooter';
   export default {
   export default {
     name:'layouts',
     name:'layouts',
     components:{
     components:{
-      PageHeader
+      PageHeader,
+      PageFooter
     }
     }
   }
   }
 </script>
 </script>
 
 
 <style lang="scss">
 <style lang="scss">
-  @import '../assets/base';
   .bc-layout-container{
   .bc-layout-container{
     background-image: $bgImage;
     background-image: $bgImage;
   }
   }

nuxt.config.js

@@ -23,7 +23,6 @@ module.exports = {
   ** Global CSS
   ** Global CSS
   */
   */
   css: [
   css: [
-    '~/assets/base.scss',
     '~/assets/font/iconfont.css'
     '~/assets/font/iconfont.css'
   ],
   ],
   /*
   /*
@@ -55,6 +54,9 @@ module.exports = {
     /*
     /*
     ** You can extend webpack config here
     ** You can extend webpack config here
     */
     */
+    styleResources: {
+      scss: './assets/base.scss'
+    },
     extend (config, ctx) {
     extend (config, ctx) {
     }
     }
   }
   }