add new

src/api/admin.ts

@@ -1,5 +1,6 @@
 // 博客管理
 export interface blogInterface {
+  id?: number,
   key: string,
   blogtitle: string,
   create_at: Date,
@@ -21,7 +22,7 @@ export interface classticInterface {
   descr: string
 }
 export interface labelInterface {
-  id?:number,
+  id?: number,
   labelname: string,
   descr: string
 }

src/router/blog.ts

@@ -17,6 +17,11 @@ const blogRoute:Array<RouteRecordRaw>=[
           name:"blog",
           component:()=>import("@/views/blog/blogcontent/BlogListView.vue")
         },
+        {
+          path:"/blog/:id",
+          name:"blogdetail",
+          component:()=>import("@/views/blog/blogcontent/BlogDetailView.vue")
+        },
         {
           path:"/diary",
           name:"diary",

src/views/blog/blogcontent/BlogDetailView.vue

@@ -1,9 +1,10 @@
 <template>
-    
+<div>{{ route.params.id }}</div>
 </template>
     
 <script setup lang='ts'>
-    
+import { useRoute } from 'vue-router';
+const route=useRoute()
 </script>
     
 <style>

src/views/blog/blogcontent/BlogListView.vue

@@ -39,7 +39,7 @@
                         </div>
                     </div>
                     <div class="read-button">
-                        <a-button type="primary" shape="round">阅读全文</a-button>
+                        <a-button type="primary" shape="round" @click="readMore(article.id)">阅读全文</a-button>
                     </div>
                     <hr class="custom-line">
                     <div>
@@ -57,6 +57,7 @@ import iconComponents from '@/assets';
 import dayjs from 'dayjs';
 import type { blogInterface } from '@/api/admin';
 import {get} from "@/tools/request"
+import router from '@/router';
 const randomColor = () => {
     const labelColor = ref(["processing", "success", "error", "warning", "magenta", "red", "volcano", "orange", "gold", "lime", "green", "cyan", "blue", "geekblue", "purple"])
     return labelColor.value[Math.floor(Math.random() * labelColor.value.length)];
@@ -88,7 +89,9 @@ const blogList = async () => {
     }
 
 }
-
+const readMore=(id:any)=>{
+    router.push(`/blog/${id}`)
+}
 
 onMounted(() => {
     blogList();