From 81a132f7b5d022e8d55dc1fefe2a7357f5bcbafa Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期一, 25 八月 2025 15:22:27 +0800
Subject: [PATCH] 首页
---
src/views/bookStore/index.vue | 41 ++++++++++++++++++++++++++++-------------
1 files changed, 28 insertions(+), 13 deletions(-)
diff --git a/src/views/bookStore/index.vue b/src/views/bookStore/index.vue
index b156b00..b99bb35 100644
--- a/src/views/bookStore/index.vue
+++ b/src/views/bookStore/index.vue
@@ -12,7 +12,7 @@
<img class="autoimg" src="@/assets/images/bookStore/feblei.png" />
</div>
<div class="classificationBox">
- <div style="width: 100px">鍒嗙被锛�</div>
+ <div style="width: 100px; line-height: 60px">鍒嗙被锛�</div>
<div class="classificaListBox">
<div
class="classificaItem"
@@ -30,10 +30,10 @@
<div class="bookfilterList">
<div class="listTitle">
<div>缁撴灉锛氬叡璁{ total }}鏉�</div>
- <div style="width: 300px">
+ <div style="width: 340px">
<el-input
v-model="input3"
- placeholder="杈撳叆鏁欐潗鍚嶇О銆佷綔鑰呭鍚嶃�佸嚭鍝佹柟鍚嶇О鎼滅储"
+ placeholder="杈撳叆涔﹀悕銆佷綔鑰呫�佷功鍙锋悳绱�"
class="input-with-select"
>
<template #append>
@@ -56,9 +56,7 @@
</div>
<div class="infoBox">
<div class="bookName">{{ item.name }}</div>
- <div class="author">
- 浣滆�咃細{{ item.authorcaupress_author ? item.caupress_author : '-' }}
- </div>
+ <div class="author">浣滆�咃細{{ item.author ? item.author : '-' }}</div>
<div class="priceBox">
<span class="oldPrice" v-if="item.oldPrice">鍘熶环锛毬{ item.oldPrice }}</span>
<span class="price" v-if="item.price && item.price > 0">
@@ -89,15 +87,18 @@
<div class="recommendBox">
<div class="recommendTitle">鎺ㄨ崘鏁欐潗</div>
<div class="newRecommendList">
- <div class="recommendItem" v-for="item in recommendBookListData" :key="item.id">
+ <div
+ class="recommendItem"
+ v-for="item in recommendBookListData"
+ :key="item.id"
+ @click="toDetail(item)"
+ >
<div class="recommendItemImg">
<img class="autoImg" :src="item.icon" />
</div>
<div class="infoBox">
<div class="bookName">{{ item.name }}</div>
- <div class="author">
- 浣滆�咃細{{ item.authorcaupress_author ? item.caupress_author : '-' }}
- </div>
+ <div class="author">浣滆�咃細{{ item.author ? item.author : '-' }}</div>
<div class="priceBox">
<span class="oldPrice" v-if="item.oldPrice">鍘熶环锛毬{ item.oldPrice }}</span>
<span class="price" v-if="item.price && item.price > 0">
@@ -192,13 +193,17 @@
start: (currentPage1.value - 1) * 20,
size: 20,
},
- fields: {},
+ fields: {
+ author: [],
+ },
}
if (currentLevel.value !== 'all') {
query.fields['teachingLevel='] = currentLevel.value
}
if (input3.value) {
- query.fields['Name*'] = input3.value
+ query.fields['||Name*'] = input3.value
+ query.fields['||author*'] = input3.value
+ query.fields['||isbn*'] = input3.value
}
MG.store.getProductList(query).then((res) => {
console.log(res, '11111111111')
@@ -253,7 +258,7 @@
text-align: center;
}
.enText {
- font-size: 36px;
+ font-size: 28px;
opacity: 0.45;
margin-top: 20px;
}
@@ -265,6 +270,7 @@
margin-top: 30px;
.classificaListBox {
display: flex;
+ justify-content: space-between;
flex-wrap: wrap;
.classificaItem {
display: flex;
@@ -333,6 +339,9 @@
&:last-child {
margin-right: 0;
}
+ }
+ .recommendItem:hover {
+ background-image: url(@/assets/images/Mouse_fill.png);
}
.recommendItemImg {
width: 150px;
@@ -425,3 +434,9 @@
color: #144941;
}
</style>
+<style>
+.el-input-group__append {
+ background-color: #144941;
+ color: #fff;
+}
+</style>
--
Gitblit v1.9.1