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 |   43 +++++++++++++++++++++++++++++--------------
 1 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/src/views/bookStore/index.vue b/src/views/bookStore/index.vue
index 1bdca0d..b99bb35 100644
--- a/src/views/bookStore/index.vue
+++ b/src/views/bookStore/index.vue
@@ -4,7 +4,7 @@
       <img class="bannerImg" :src="banner[0]?.icon" @click="bannerLink(item)" />
       <div class="bannerText">
         <div>鏁板瓧鏁欐潗</div>
-        <div class="enText">ABOUT US</div>
+        <div class="enText">TEXT BOOK</div>
       </div>
     </div>
     <div class="contentBox" style="margin-top: 50px">
@@ -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