细节调整

@@ -47,8 +47,8 @@ import { useRoute, useRouter } from 'vue-router'
 import axios from '@/utils/axios';
 import axios from '@/utils/axios';
 import $ from 'jquery'
 import $ from 'jquery'
 import { Toast } from 'vant';
 import { Toast } from 'vant';
-const route = useRoute();
-const router = useRouter();
+const $route = useRoute();
+const $router = useRouter();
 // 自定义按钮颜色样式
 // 自定义按钮颜色样式
 const styleObject = reactive({
 const styleObject = reactive({
   backgroundColor: '#F4675A', 
   backgroundColor: '#F4675A', 
@@ -57,7 +57,13 @@ const styleObject = reactive({
 })
 })
 const items = reactive([])
 const items = reactive([])
 const onClick = (item) => {
 const onClick = (item) => {
-  console.warn(item.id);
+  // 调整书籍详情页
+  $router.push({
+    path: '/client/bookDetail',
+    query: {
+      id: item.id
+    }
+  });
 }
 }
 const gotoMe = () => {
 const gotoMe = () => {
   console.warn('跳转我的地址');
   console.warn('跳转我的地址');
@@ -128,45 +134,5 @@ export default {
         right: 8rem;
         right: 8rem;
       }
       }
     }
     }
-    .group4 {
-      width: 160px;
-      height: 15px;
-      margin-left: 83px;
-    }
-
-    .layer1 {
-      width: 15px;
-      height: 15px;
-      background-color: rgba(244, 103, 90, 1);
-      border-radius: 50%;
-    }
-
-    .layer2 {
-      width: 15px;
-      height: 15px;
-      background-color: rgba(244, 103, 90, 1);
-      border-radius: 50%;
-    }
-    .group18 {
-      z-index: 69;
-      position: absolute;
-      left: 113px;
-      top: 129px;
-      width: 5px;
-      height: 44px;
-      border-radius: 0 0 2.5px 2.5px;
-      background-color: rgba(255, 212, 167, 1);
-    }
-
-    .group19 {
-      z-index: 70;
-      position: absolute;
-      left: 258px;
-      top: 129px;
-      width: 5px;
-      height: 44px;
-      border-radius: 0 0 2.5px 2.5px;
-      background-color: rgba(255, 212, 167, 1);
-    }
   }
   }
 </style>
 </style>
\ No newline at end of file