diff --git a/src/App.vue b/src/App.vue
index a513a89..b8d9ff1 100644
--- a/src/App.vue
+++ b/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>
diff --git a/src/assets/images/bobo/bobo_bg.png b/src/assets/images/bobo/bobo_bg.png
new file mode 100644
index 0000000..66d0604
Binary files /dev/null and b/src/assets/images/bobo/bobo_bg.png differ
diff --git a/src/assets/images/bobo/but_add.png b/src/assets/images/bobo/but_add.png
new file mode 100644
index 0000000..4478a8e
Binary files /dev/null and b/src/assets/images/bobo/but_add.png differ
diff --git a/src/assets/images/bobo/but_add_press.png b/src/assets/images/bobo/but_add_press.png
new file mode 100644
index 0000000..066b49a
Binary files /dev/null and b/src/assets/images/bobo/but_add_press.png differ
diff --git a/src/assets/images/bobo/but_cpp.png b/src/assets/images/bobo/but_cpp.png
new file mode 100644
index 0000000..107afdd
Binary files /dev/null and b/src/assets/images/bobo/but_cpp.png differ
diff --git a/src/assets/images/bobo/but_cpp_press.png b/src/assets/images/bobo/but_cpp_press.png
new file mode 100644
index 0000000..4149df5
Binary files /dev/null and b/src/assets/images/bobo/but_cpp_press.png differ
diff --git a/src/assets/images/bobo/but_rk_bg.png b/src/assets/images/bobo/but_rk_bg.png
new file mode 100644
index 0000000..79bd088
Binary files /dev/null and b/src/assets/images/bobo/but_rk_bg.png differ
diff --git a/src/assets/images/bobo/but_rk_bg2.png b/src/assets/images/bobo/but_rk_bg2.png
new file mode 100644
index 0000000..cbd8b3e
Binary files /dev/null and b/src/assets/images/bobo/but_rk_bg2.png differ
diff --git a/src/assets/images/bobo/but_rk_gz.png b/src/assets/images/bobo/but_rk_gz.png
new file mode 100644
index 0000000..f7b4879
Binary files /dev/null and b/src/assets/images/bobo/but_rk_gz.png differ
diff --git a/src/assets/images/bobo/but_select.png b/src/assets/images/bobo/but_select.png
new file mode 100644
index 0000000..3545f58
Binary files /dev/null and b/src/assets/images/bobo/but_select.png differ
diff --git a/src/assets/images/bobo/but_unchecked.png b/src/assets/images/bobo/but_unchecked.png
new file mode 100644
index 0000000..67a0021
Binary files /dev/null and b/src/assets/images/bobo/but_unchecked.png differ
diff --git a/src/assets/images/bobo/gmcx_bg.png b/src/assets/images/bobo/gmcx_bg.png
new file mode 100644
index 0000000..a6b724d
Binary files /dev/null and b/src/assets/images/bobo/gmcx_bg.png differ
diff --git a/src/router/index.js b/src/router/index.js
index 01fb5fe..c8b0456 100644
--- a/src/router/index.js
+++ b/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({
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 74099c7..23632eb 100644
--- a/src/views/Home.vue
+++ b/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;
diff --git a/src/views/bobo.vue b/src/views/bobo.vue
new file mode 100644
index 0000000..dc97935
--- /dev/null
+++ b/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>