搭建框架

package.json

@@ -10,7 +10,13 @@
   "dependencies": {
     "axios": "^1.4.0",
     "core-js": "^3.8.3",
+    "element-ui": "^2.15.13",
+    "js-cookie": "^3.0.5",
+    "node-gyp": "^9.4.0",
+    "node-sass": "^4.12.0",
     "vue": "^2.6.14",
+    "vue-cookie": "^1.1.4",
+    "vue-lazyload": "^3.0.0",
     "vue-router": "^3.5.1",
     "vuex": "^3.6.2"
   },

src/App.vue

@@ -1,29 +1,20 @@
 <template>
   <div id="app">
-
     <router-view />
   </div>
 </template>
 
 <style lang="scss">
-#app {
+html,
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+body {
-  -webkit-font-smoothing: antialiased;
+  margin: 0;
-  -moz-osx-font-smoothing: grayscale;
+  padding: 0;
-  text-align: center;
+  background: #d3d3d3;
-  color: #2c3e50;
 }
-
+#app {
-nav {
+  width: 100%;
-  padding: 30px;
+  height: 100vh;
-
+  overflow: hidden;
-  a {
+  position: relative;
-    font-weight: bold;
-    color: #2c3e50;
-
-    &.router-link-exact-active {
-      color: #42b983;
-    }
-  }
 }
 </style>