Explorar el Código

增加竹谱页面路由

aamin hace 1 año
padre
commit
d36f8f5b1d
Se han modificado 3 ficheros con 27 adiciones y 0 borrados
  1. BIN
      src/assets/images/zhupu-bg.png
  2. 7 0
      src/router/index.js
  3. 20 0
      src/views/BambooBookView.vue

BIN
src/assets/images/zhupu-bg.png


+ 7 - 0
src/router/index.js

@@ -6,6 +6,7 @@ import BambooList from '../views/BambooList.vue'
 import PoemList from '../views/PoemList.vue'
 import PaintingList from '../views/PaintingList.vue'
 import PaintingDetail from '../views/PaintingDetail'
+import BambooBookView from '../views/BambooBookView.vue'
 
 // import store from '@/store/index.js'
 
@@ -51,6 +52,12 @@ const routes = [
     component: PaintingDetail,
     // component: TEXT,
   },
+  // 竹谱
+  {
+    path: '/bambooBook',
+    name: 'BambooBook',
+    component: BambooBookView,
+  },
 ]
 
 const router = createRouter({

+ 20 - 0
src/views/BambooBookView.vue

@@ -0,0 +1,20 @@
+<script setup>
+import { useRouter } from 'vue-router'
+const router = useRouter()
+</script>
+
+<template>
+  <div class="home">
+    <BtnBack @click="router.back()" />
+  </div>
+</template>
+
+<style lang='less' scoped>
+.home{
+  width: 100%;
+  height: 100%;
+  background: url(@/assets/images/zhupu-bg.png);
+  background-size: 100% 100%;
+  // background-position: top left;
+}
+</style>