work/book-web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zyh

This commit is contained in:
zhao 2024-07-18 15:42:42 +08:00
parent fa7e160ab0
commit 22daba05c8
2 changed files with 42 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/book/component/home.vue
View File

@ -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>

6
src/views/maku/t_book/index.vue
View File

@ -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>