feat:暂存

src/App.vue

@@ -7,10 +7,10 @@
 <style lang="less">
 @import "@/styles";
 
-#app {
-  background-color: #18012d;
-  background-image: url(assets/images/bg.png);
-  background-repeat: no-repeat;
-  background-size: 100%;
-}
+// #app {
+//   background-color: #18012d;
+//   background-image: url(assets/images/bg.png);
+//   background-repeat: no-repeat;
+//   background-size: 100%;
+// }
 </style>

src/router/index.js

@@ -1,6 +1,5 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
-import Home from "../views/Home.vue";
 
 Vue.use(VueRouter);
 
@@ -8,14 +7,13 @@ const routes = [
   {
     path: "/",
     name: "Home",
-    component: Home
+    component: () => import(/* webpackChunkName: "Home" */ "../views/Home.vue")
+  },
+  {
+    path: "/bobo",
+    name: "Bobo",
+    component: () => import(/* webpackChunkName: "Bobo" */ "../views/bobo.vue")
   }
-  // {
-  //   path: "/about",
-  //   name: "About",
-  //   component: () =>
-  //     import(/* webpackChunkName: "about" */ "../views/About.vue")
-  // }
 ];
 
 const router = new VueRouter({

src/views/Home.vue

@@ -116,6 +116,11 @@ export default {
   height: 100%;
   box-sizing: border-box;
   position: relative;
+
+  background-color: #18012d;
+  background-image: url(../assets/images/bg.png);
+  background-repeat: no-repeat;
+  background-size: 100%;
 }
 .top-btn-and-box {
   position: relative;

src/views/bobo.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="bobo"></div>
+</template>
+
+<script>
+export default {
+  name: "Bobo"
+};
+</script>
+
+<style lang="less" scoped>
+.bobo {
+  padding: 20px 25px;
+  height: 100%;
+  box-sizing: border-box;
+  position: relative;
+
+  background-color: #37179c;
+  background-image: url(../assets/images/bobo/bobo_bg.png);
+  background-repeat: no-repeat;
+  background-size: 100%;
+}
+</style>