create feature

.babelrc

@@ -8,5 +8,5 @@
     }],
     "stage-2"
   ],
-  "plugins": ["transform-vue-jsx", "transform-runtime"]
+  "plugins": ["transform-vue-jsx", "transform-runtime","dynamic-import-node"]
 }

build/webpack.base.conf.js

@@ -53,6 +53,17 @@ module.exports = {
         include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
       },
       {
+        test: /\.s[ac]ss$/i,
+        use: [
+          // Creates `style` nodes from JS strings
+          'style-loader',
+          // Translates CSS into CommonJS
+          'css-loader',
+          // Compiles Sass to CSS
+          'sass-loader',
+        ],
+      },
+      {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
         loader: 'url-loader',
         options: {

package.json

@@ -13,7 +13,7 @@
     "build--prod": "NODE_ENV=production env_config=prod node build/build.js"
   },
   "dependencies": {
-    "axios": "latest",
+    "axios": "^0.21.1",
     "echarts": "^4.2.1",
     "element-ui": "^2.11.0",
     "font-awesome": "^4.7.0",
@@ -34,6 +34,7 @@
     "babel-eslint": "^8.2.1",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
     "babel-loader": "^7.1.1",
+    "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-runtime": "^6.22.0",
     "babel-plugin-transform-vue-jsx": "^3.5.0",

src/App.vue

@@ -78,7 +78,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style>
   .body-content{
     width:100%;
     min-width: 1300px;

src/components/commons/HomeSlice.vue

@@ -96,7 +96,7 @@
     }
 </script>
 
-<style scoped lang="scss">
+<style scoped>
   .slice-info {
     font-size: 16px;
     font-family: Source Han Sans CN;

src/pages/Square/SquareCard.vue

@@ -165,7 +165,7 @@
   }
 
   .card-footer {
-    background: $color-primary-background;
+    /*<!--background-color: $&#45;&#45;color-primary-background;-->*/
 
     .card-footer-row {
       padding: 15px 10px;

src/style/basic.scss

@@ -1,4 +1,4 @@
 //配置主题色
 $color-primary: #B80000;
-
-
+//配置浅色主题背景色
+$color-primary-background:#FDD2D2;

src/style/main.scss

@@ -2,7 +2,8 @@
 
 /* 改变主题色变量 */
 $--color-primary:  $color-primary;
-
+/* 改变背景主题色变量 */
+$--color-primary-background:  $color-primary-background;
 /* 改变 icon 字体路径变量，必需 */
 $--font-path: '~element-ui/lib/theme-chalk/fonts';