From 22daba05c8589fd977d261e04d9866c090b25d2d Mon Sep 17 00:00:00 2001
From: zhao <2796247050@qq.com>
Date: Thu, 18 Jul 2024 15:42:42 +0800
Subject: [PATCH] zyh

---
 src/views/book/component/home.vue | 43 +++++++++++++++++++++++++++++++++------
 src/views/maku/t_book/index.vue   |  6 +++++-
 2 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/src/views/book/component/home.vue b/src/views/book/component/home.vue
index 58fe091..adf31dc 100644
--- a/src/views/book/component/home.vue
+++ b/src/views/book/component/home.vue
@@ -1,4 +1,25 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import {useT_bookApi} from 'src\\api\\maku\\t_book.ts'
+import {ref} from 'vue'
+
+const book =ref({
+	id:0,
+	bookname:'',
+	author:'',
+	price:'',
+	bookcover:'',
+	store:0,
+	introduction:'',
+	description:''
+})
+// function getbook(){
+// 	useT_bookApi(1).then(res=>{
+// 		book.value=res.data
+// 	})
+// }
+// getbook()
+
+</script>
 
 <template>
 	<div class="search-suggest-combobox">
@@ -16,11 +37,21 @@
 				<span class="price-value">30</span>
 			</div>
 		</div>
-		<div class="tb-pick-content-item"></div>
-		<div class="tb-pick-content-item"></div>
-		<div class="tb-pick-content-item"></div>
-		<div class="tb-pick-content-item"></div>
-		<div class="tb-pick-content-item"></div>
+		<div class="tb-pick-content-item">
+			<div class="img-wrapper"></div>
+		</div>
+		<div class="tb-pick-content-item">
+			<div class="img-wrapper"></div>
+		</div>
+		<div class="tb-pick-content-item">
+			<div class="img-wrapper"></div>
+		</div>
+		<div class="tb-pick-content-item">
+			<div class="img-wrapper"></div>
+		</div>
+		<div class="tb-pick-content-item">
+			<div class="img-wrapper"></div>
+		</div>
 	</div>
 </template>
 
diff --git a/src/views/maku/t_book/index.vue b/src/views/maku/t_book/index.vue
index bf0a800..aab66ab 100644
--- a/src/views/maku/t_book/index.vue
+++ b/src/views/maku/t_book/index.vue
@@ -30,7 +30,11 @@
 			<el-table-column prop="bookName" label="书名" header-align="center" align="center"></el-table-column>
 			<el-table-column prop="author" label="作者" header-align="center" align="center"></el-table-column>
 			<el-table-column prop="price" label="价格" header-align="center" align="center"></el-table-column>
-			<el-table-column prop="bookCover" label="封面" header-align="center" align="center"></el-table-column>
+			<el-table-column prop="bookCover" label="封面" header-align="center" align="center">
+				<template #default="scope">
+            <img :src="scope.row.bookCover" style="max-width: 100%; max-height: 100px;" />
+                </template>
+			</el-table-column>
 			<el-table-column prop="introduction" label="书籍介绍" header-align="center" align="center"></el-table-column>
 			<el-table-column prop="description" label="书籍详情" header-align="center" align="center"></el-table-column>
 			<el-table-column prop="store" label="库存" header-align="center" align="center"></el-table-column>