浏览代码

增加竹谱页面路由

aamin 1 年之前
父节点
当前提交
d36f8f5b1d
共有 3 个文件被更改,包括 27 次插入0 次删除
  1. 二进制
      src/assets/images/zhupu-bg.png
  2. 7 0
      src/router/index.js
  3. 20 0
      src/views/BambooBookView.vue

二进制
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>